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

Commento - 多說 & Disqus 開源替代品

強大輕量的動畫庫 anime.js 入門教程

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

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

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

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

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

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

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

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

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

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

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

一個輕量級的時間處理工具庫 - dateformat.js，里面包含了常用的時間處理工具方法，使用起來非常便捷，文檔清晰明了，歡迎 star

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

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

本項目是一個開源的彈幕控件庫，能夠支持多種樣式彈幕，彈幕點擊監(jiān)聽，彈幕分區(qū)域顯示，自定義移動速度等功能，項目原理是通過自定義ViewGroup?？赡苁悄壳拜p量級彈幕控件中功能最強大的一款了。 Github項目地址：https://github.com/hust201010701…

稍微改改都能直接拿來用~~~喲吼吼,喲吼吼.....

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

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

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

React-BMap npm version

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

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

示例

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

安裝使用

頁面頭部需加載百度地圖JavaScript Api代碼

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

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

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

入口命名空間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}
]}

/>
其它一些場景組件

MarkerList

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

/>
MapvLayer

Road

Boundary

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

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

許可證

MIT

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

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

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

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