第三方庫

時間 2019-12-13

標籤第三方简体版

原文原文鏈接

Commento - 多說 & Disqus 開源替代品

Commento - 多說 & Disqus 開源替代品

javascript

來自B站的開源的MagicaSakura源碼解析

簡介 MagicaSakura是Bilibili開源的一套主題切換框架,其功能是在不重啓Activity的狀況下,可以無閃屏的對程序中的控件進行更換主題顏色.之因此能作到這一點,是由於其實現方式是切換主題時,設置主題顏色,經過其提供的ThemeUtils.refreshUI方法…

vue

[[譯] 這個API很「迷人」—— (新的 Fetch API)](https://juejin.im/entry/59891...

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

java

僅需一行代碼實現上傳下載以及 Glide 進度監聽,簡單實用,可插拔

ProgressManager 一行代碼便可監聽 App 中全部網絡連接的上傳以及下載進度, 包括 Glide 的圖片加載進度, 實現原理相似 EventBus, 你可在 App 中的任何地方, 將多個監聽器, 以 Url 地址做爲標識符, 註冊到本框架, 當此 Url 地址存在下載或者上傳的動做時, 框架會主動調用全部使用此 Url 地址註冊過的監聽器, 達到多個模塊的同步更新.

react

寫個 vue-loading-template 組件

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

android

寫個vue-emoji組件。

最近公司需求作個相似於QQ空間的項目(其實開始的時候我是崩潰的),好在歷時一個月的時間,也終於進入測試的階段。完成項目過程當中，發現並無一個好用的emoji插件，因而寫了一個簡單的component，但願對各位有所幫助（若能順手給個start, 那便再好不過了）。原理其實很簡…

ios

簡單易用的開源 JavaScript 動畫圖標庫 -- Titanic

若是你用過 Font Awesome 等圖標，你可能會以爲它們很好看，用起來很很方便。可是，在用戶點擊這些圖標的時候，它們是不會有反應的。若是有這些圖標會動的話，那就更加好。 Titanic 提供一系列的動畫圖標，以及以 JavaScript 的調用圖標動畫的方法。git

若是你想要看 Hello, World 的版本的話，你能夠到個人 Codepen 裏面，測試一下。

es6

開源的 Restful Api 集成測試工具

Hitchhiker 是一款開源的 Restful Api 集成測試工具，你能夠在輕鬆部署到本地，和你的team成員一塊兒協做管理Api

github

基於 vue-cli 的 Vue js 單頁應用項目模板

基於 vue-cli 的 Vue js 單頁應用項目模板，在 vue-cli 基礎上作了一些合理的修改和加強。功能包括：調試、構建、代碼規範校驗、單元測試、國際化等。

postal - 一個全開源的郵件收發服務器

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

Fluent Fetcher: 重構基於 Fetch 的 JavaScript 網絡請求庫 - 知乎專欄

Fluent Fetcher: 重構基於 Fetch 的 JavaScript 網絡請求庫從屬於筆者的 Web 開發基礎與工程實踐系列文章與項目，記述了筆者對內部使用的 Fetch 封裝庫的設計重構與實現過程。

一個超輕量級的時間處理工具庫 - dateformat.js

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

Vue2.0 和 Express 的全棧腳手架

基於 vue2.0 的全棧腳手架，集成了 vue-router 和 vuex，以 express 做爲 web server！經過 vue-cli 能夠快速搭建工程！

如何使用 Faker.js 來 Mock Node.js 應用數據

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

多是目前輕量級彈幕控件中功能最強大的一款

本項目是一個開源的彈幕控件庫，可以支持多種樣式彈幕，彈幕點擊監聽，彈幕分區域顯示，自定義移動速度等功能，項目原理是經過自定義ViewGroup。多是目前輕量級彈幕控件中功能最強大的一款了。 Github項目地址：https://github.com/hust201010701…

Vue 折騰記 - (10) 給axios作個挺靠譜的封裝(報錯,鑑權,跳轉,攔截,提示)

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

現代化的方式開發一個圖片上傳工具

對於圖片上傳，你們必定不陌生。最近工做中遇到了關於圖片上傳的內容，藉此機會認真研究了一番，遂一發不可收拾，最後琢磨了一個東西出來。在開發的過程當中有很多的體會，因而打算寫一篇文章分享一下心得體會。
本文將會以這個名爲 Dolu 的項目爲例子，一步步介紹我是如何進行環境搭建、代碼設計以及實際開發的。

工做中常常用到 github 上優秀、實用、輕量級、無依賴的插件和庫

收集工做中常常用到 github 上優秀、實用、輕量級、無依賴的插件和庫，很是實用，極大提升開發效率。他山之石，能夠攻玉。

微信支付，支付寶支付，銀聯支付——三大支付總結

銀聯支付，支付寶支付，微信支付的三大總結，以前也有寫過兩篇。微信支付，支付寶支付，銀聯支付——三大支付總結： http://blog.csdn.net/androids... 支付寶植入總結： android 支付寶的植…

React-BMap-基於react和百度地圖JavaScript API的組件庫

React-BMap npm version

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

React-BMap只是利用了React組件的生命週期，來調用對應的百度地圖JavaScript Api的方法，好比在componentDidMount和componentDidUpdate的時候在地圖上添加覆蓋物，componentWillUnmount的時候移除覆蓋物，React對應的render渲染函數模塊返回的是null。因此這裏面地圖相關的dom並非react渲染的，真正建立地圖之類的仍是使用百度地圖JavaScript Api，React-BMap只是利用了React組件的寫法來封裝百度地圖JavaScript Api，使咱們在使用React的時候能更方便的使用百度地圖JavaScript Api。

示例

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

安裝使用

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

推薦使用npm方式安裝使用，而後經過es6模塊加載

npm install react-bmap
支持UMD規範的打包庫

Hello World

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

<Marker position={{lng: 116.402544, lat: 39.928216}} />
<NavigationControl /> 
<InfoWindow position={{lng: 116.402544, lat: 39.928216}} text="內容" title="標題"/>

</Map>
基礎地圖組件文檔

Map

<Map center={{lng: 116.402544, lat: 39.928216}} zoom="12" />
Marker

Control

<NavigationControl />
<MapTypeControl />
<ScaleControl />
<OverviewMapControl />
InfoWindow

<InfoWindow position={{lng: 116.402544, lat: 39.928216}} text="信息窗口內容" title="信息窗口標題"/>
圖形組件，圓形、折線、多邊形組件

Circle

<Circle

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

/>
Polyline

<Polyline

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

/>
Polygon

<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

<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

<MapvLayer data={[]} options={{}} />
Road

<Road roadPath={['116.330484,40.031406,116.33124,40.029496,116.33124,40.029496']}/>
Boundary

<Boundary data={[

{
    name: '海淀區',
    count: 20
},
{
    name: '朝陽區',
    count: 10
}

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

<TrafficLayer />
許可證

MIT

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。