摘要：微信支付，支付寶支付，銀聯(lián)支付三大支付總結(jié)支付寶植入總結(jié)支付寶的植基于和百度地圖的組件庫(kù)基于百度地圖封裝的組件庫(kù)，使用這個(gè)庫(kù)最好需要先了解和百度地圖。

Commento - 多說(shuō) & Disqus 開源替代品

強(qiáng)大輕量的動(dòng)畫庫(kù) anime.js 入門教程

簡(jiǎn)介 MagicaSakura是Bilibili開源的一套主題切換框架,其功能是在不重啟Activity的情況下,能夠無(wú)閃屏的對(duì)程序中的控件進(jìn)行更換主題顏色.之所以能做到這一點(diǎn),是因?yàn)槠鋵?shí)現(xiàn)方式是切換主題時(shí),設(shè)置主題顏色,通過(guò)其提供的ThemeUtils.refreshUI方法…

JavaScript 通過(guò) XMLHttpRequest(XHR) 來(lái)執(zhí)行異步請(qǐng)求，這個(gè)方式已經(jīng)存在了很長(zhǎng)一段時(shí)間。雖說(shuō)它很有用，但它不是最佳 API。它在設(shè)計(jì)上不符合職責(zé)分離原則，將輸入、輸出和用事件來(lái)跟蹤的狀態(tài)混雜在一個(gè)對(duì)象里。而且，基于事件的模型與最近 JavaScript 流行的 Promise 以及基于生成器的異步編程模型不太搭（事件模型在處理異步上有點(diǎn)過(guò)時(shí)了 —— 譯者注）。

ProgressManager 一行代碼即可監(jiān)聽 App 中所有網(wǎng)絡(luò)鏈接的上傳以及下載進(jìn)度, 包括 Glide 的圖片加載進(jìn)度, 實(shí)現(xiàn)原理類似 EventBus, 你可在 App 中的任何地方, 將多個(gè)監(jiān)聽器, 以 Url 地址作為標(biāo)識(shí)符, 注冊(cè)到本框架, 當(dāng)此 Url 地址存在下載或者上傳的動(dòng)作時(shí), 框架會(huì)主動(dòng)調(diào)用所有使用此 Url 地址注冊(cè)過(guò)的監(jiān)聽器, 達(dá)到多個(gè)模塊的同步更新.

趁著5.1來(lái)臨之際，告訴你們一個(gè)好消息： demo: https://jkchao.github.io/vue-... 源碼(star ? start : start)：https://github.com/jkchao/vue... 組件支持：自定義typ…

最近公司需求做個(gè)類似于QQ空間的項(xiàng)目(其實(shí)開始的時(shí)候我是崩潰的),好在歷時(shí)一個(gè)月的時(shí)間,也終于進(jìn)入測(cè)試的階段。完成項(xiàng)目過(guò)程中，發(fā)現(xiàn)并沒有一個(gè)好用的emoji插件，于是寫了一個(gè)簡(jiǎn)單的component，希望對(duì)各位有所幫助（若能順手給個(gè)start, 那便再好不過(guò)了）。 原理其實(shí)很簡(jiǎn)…

如果你用過(guò) Font Awesome 等圖標(biāo)，你可能會(huì)覺得它們很好看，用起來(lái)很很方便。但是，在用戶點(diǎn)擊這些圖標(biāo)的時(shí)候，它們是不會(huì)有反應(yīng)的。如果有這些圖標(biāo)會(huì)動(dòng)的話，那就更加好。 Titanic 提供一系列的動(dòng)畫圖標(biāo)，以及以 JavaScript 的調(diào)用圖標(biāo)動(dòng)畫的方法。

如果你想要看 Hello, World 的版本的話，你可以到我的 Codepen 里面，測(cè)試一下。

Hitchhiker 是一款開源的 Restful Api 集成測(cè)試工具，你可以在輕松部署到本地，和你的team成員一起協(xié)作管理Api

基于 vue-cli 的 Vue js 單頁(yè)應(yīng)用項(xiàng)目模板，在 vue-cli 基礎(chǔ)上做了一些合理的修改和增強(qiáng)。功能包括：調(diào)試、構(gòu)建、代碼規(guī)范校驗(yàn)、單元測(cè)試、國(guó)際化等。

A fully featured open source mail delivery platform for incoming & outgoing e-mail

Fluent Fetcher: 重構(gòu)基于 Fetch 的 JavaScript 網(wǎng)絡(luò)請(qǐng)求庫(kù)從屬于筆者的 Web 開發(fā)基礎(chǔ)與工程實(shí)踐系列文章與項(xiàng)目，記述了筆者對(duì)內(nèi)部使用的 Fetch 封裝庫(kù)的設(shè)計(jì)重構(gòu)與實(shí)現(xiàn)過(guò)程。

一個(gè)輕量級(jí)的時(shí)間處理工具庫(kù) - dateformat.js，里面包含了常用的時(shí)間處理工具方法，使用起來(lái)非常便捷，文檔清晰明了，歡迎 star

基于 vue2.0 的全棧腳手架，集成了 vue-router 和 vuex，以 express 作為 web server！通過(guò) vue-cli 可以快速搭建工程！

本文作者：Aman Mittal 編譯：胡子大哈 翻譯原文：http://huziketang.com/blog/po... 英文連接：How to Mock Data for Node.js App…

本項(xiàng)目是一個(gè)開源的彈幕控件庫(kù)，能夠支持多種樣式彈幕，彈幕點(diǎn)擊監(jiān)聽，彈幕分區(qū)域顯示，自定義移動(dòng)速度等功能，項(xiàng)目原理是通過(guò)自定義ViewGroup。可能是目前輕量級(jí)彈幕控件中功能最強(qiáng)大的一款了。 Github項(xiàng)目地址：https://github.com/hust201010701…

稍微改改都能直接拿來(lái)用~~~喲吼吼,喲吼吼.....

對(duì)于圖片上傳，大家一定不陌生。最近工作中遇到了關(guān)于圖片上傳的內(nèi)容，借此機(jī)會(huì)認(rèn)真研究了一番，遂一發(fā)不可收拾，最后琢磨了一個(gè)東西出來(lái)。在開發(fā)的過(guò)程中有不少的體會(huì)，于是打算寫一篇文章分享一下心得體會(huì)。
本文將會(huì)以這個(gè)名為 Dolu 的項(xiàng)目為例子，一步步介紹我是如何進(jìn)行環(huán)境搭建、代碼設(shè)計(jì)以及實(shí)際開發(fā)的。

收集工作中經(jīng)常用到 github 上優(yōu)秀、實(shí)用、輕量級(jí)、無(wú)依賴的插件和庫(kù)，非常實(shí)用，極大提高開發(fā)效率。他山之石，可以攻玉。

銀聯(lián)支付，支付寶支付，微信支付的三大總結(jié)，之前也有寫過(guò)兩篇。 微信支付，支付寶支付，銀聯(lián)支付——三大支付總結(jié)： http://blog.csdn.net/androids... 支付寶植入總結(jié)： android 支付寶的植…

React-BMap npm version

基于百度地圖JavaScript Api封裝的React組件庫(kù)，使用這個(gè)庫(kù)最好需要先了解React和百度地圖JavaScript Api。

React-BMap只是利用了React組件的生命周期，來(lái)調(diào)用對(duì)應(yīng)的百度地圖JavaScript Api的方法，比如在componentDidMount和componentDidUpdate的時(shí)候在地圖上添加覆蓋物，componentWillUnmount的時(shí)候移除覆蓋物，React對(duì)應(yīng)的render渲染函數(shù)模塊返回的是null。所以這里面地圖相關(guān)的dom并不是react渲染的，真正創(chuàng)建地圖之類的還是使用百度地圖JavaScript Api，React-BMap只是利用了React組件的寫法來(lái)封裝百度地圖JavaScript Api，使我們?cè)谑褂肦eact的時(shí)候能更方便的使用百度地圖JavaScript Api。

示例

可查看示例文件夾下的示例使用示例代碼，示例效果可訪問預(yù)覽地址

安裝使用

頁(yè)面頭部需加載百度地圖JavaScript Api代碼

密鑰可去百度地圖開放平臺(tái)官網(wǎng)申請(qǐng)

推薦使用npm方式安裝使用，然后通過(guò)es6模塊加載

npm install react-bmap
支持UMD規(guī)范的打包庫(kù)

入口命名空間window.ReactBMap 示例預(yù)覽 示例源碼

Hello World

import {Map, Marker, NavigationControl, InfoWindow} from "react-bmap"

基礎(chǔ)地圖組件文檔

Map

Control

InfoWindow

圖形組件，圓形、折線、多邊形組件

Circle

center={{lng: 116.403119, lat: 39.929543}} 
fillColor="blue" 
strokeColor="white" 
radius="3000"

/>
Polyline

strokeColor="green" 
path={[
    {lng: 116.403119, lat: 39.929543},
    {lng: 116.265139, lat: 39.978658},
    {lng: 116.217996, lat: 39.904309}
]}

/>
Polygon

fillColor="red" 
strokeColor="yellow" 
path={[
    {lng: 116.442519, lat: 39.945597},
    {lng: 116.484488, lat: 39.905315},
    {lng: 116.443094, lat: 39.886494},
    {lng: 116.426709, lat: 39.900001}
]}

/>
其它一些場(chǎng)景組件

MarkerList

data={[
    {
        text: "長(zhǎng)沙大道",
        location: "113.22183,28.191712"
    },
    {
        text: "機(jī)場(chǎng)高速",
        location: "113.057565,28.175208"
    }
]} 
fillStyle="#ff3333" 
animation={true} 
isShowShadow={false} 
multiple={true} 
autoViewport={true}

/>
MapvLayer

Road

Boundary

{
    name: "海淀區(qū)",
    count: 20
},
{
    name: "朝陽(yáng)區(qū)",
    count: 10
}

]}/>
TrafficLayer 交通路況圖層 示例代碼

許可證

MIT

6 月份，Tutorialzine 上的一些前端新鮮貨，希望你能找到喜歡的庫(kù)。

前言 本篇文章是在已經(jīng)搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以參考我的另一篇博文：了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo開發(fā)自己的博客，這兩篇博文都比較詳細(xì)的教大家最基礎(chǔ)的怎么將博客搭建起來(lái)。本篇博文是使用ne…

前言 Weex為了提高Native的極致性能，做了很多優(yōu)化的工作 為了達(dá)到所有頁(yè)面在用戶端達(dá)到秒開，也就是網(wǎng)絡(luò)（JS Bundle下載）和首屏渲染（展現(xiàn)在用戶第一屏的渲染時(shí)間）時(shí)間和小于1s。 手淘團(tuán)隊(duì)在對(duì)Weex進(jìn)行性能優(yōu)化時(shí)，遇到了很多問題和挑戰(zhàn)： JS Bundle下載慢…

今天，程小獅為大家?guī)?lái) 2017 年 4 月份 Tutorialzine 整合的一些精心挑選的優(yōu)秀 Web 開發(fā)資源，一起來(lái)先睹為快吧！