15 個有趣的前端庫(September 2016)

東岸往事·發表於2016-12-06

? github ? ? ? 還有許多其他有趣的收集

15 個有趣的前端庫(September  2016)

? Dropzone

非常優秀的JavaScript上傳庫,可以將任何HTML元素拖放到檔案上傳區域。 功能包括圖片上傳的縮圖預覽,支援多檔案,進度跟蹤,支援大檔案等。 高度可定製,沒有依賴。

github ? ? ? 還有許多其他使用有趣的收集

15 個有趣的前端庫(September  2016)

?React-MDL

Google的Material Design Lite(MDL)是最美觀的CSS框架之一。提供了大量的React元件。

15 個有趣的前端庫(September  2016)

?Postmate

Postmate是Window.postMessage()方法的包裝器,允許頁面在它們內部的iFrames。 提供了一個簡單的基於promise的API,開發人員可以安全地訪問有關iFrame的各種資料,並從父頁面向其傳送事件。

15 個有趣的前端庫(September  2016)

? Particles

一個非常輕量級(2kb .js)和易於使用的庫建立動畫背景。 只有一個方法 - Particles.init({options});取一個物件與大量的自定義。 有兩個動畫可用:單個粒子連線的粒子形成美麗的星座

15 個有趣的前端庫(September  2016)

? Recharts

基於React和D3之上的圖表庫。 可以通過簡單的類似XML的語法建立,許多重要的選項直接設定為屬性。 提供了豐富的示例目錄,包含50多個即用元件,包括各種Line,Bar,Pie和其他型別的圖表。

15 個有趣的前端庫(September  2016)

☁️ Shepherd

文字氣泡庫,強調的HTML元素是突出顯示,文字氣泡彈出時包含標題,描述和對話方塊按鈕。

15 個有趣的前端庫(September  2016)

? Waud

Waud作為一個2合1解決方案,允許您訪問JavaScript Web Audio API和HTML<audio > API。

15 個有趣的前端庫(September  2016)

? Grade

Grade.js採用影像中的兩個最主要的顏色,並使用它們建立優雅的漸變。 此效果可用於製作酷的影像幀或設定與整個頁面匹配的背景。 該庫非常小,沒有任何依賴。

15 個有趣的前端庫(September  2016)

? Rainyday

Rainyday是一個很小JavaScript庫,提供雨動畫功能。 Rainyday使用HTML 元素,它的API繪製一個逼真的玻璃狀表面與隨機雨滴向下滴。

15 個有趣的前端庫(September  2016)

? CSSnano

在縮小樣式表時,CSSnano不會簡單地刪除空格,而是進行其他一些優化,例如將屬性合併到其速記等效項中,刪除註釋,縮短顏色值等等。 CSSnano與許多平臺相容,包括Node.js,grunt,gulp,webpack和Atom文字編輯器。

15 個有趣的前端庫(September  2016)

? Multirange

Multirange是一個滑塊庫,執行使用者在定義的範圍內左右滑動

15 個有趣的前端庫(September  2016)

✂️ Minireset

Minireset是一個非常簡單的CSS重置庫,只標準化最重要的CSS屬性,沒有任何額外的東西。

15 個有趣的前端庫(September  2016)

? Cesium

基於WebGL的JavaScript庫,非常的酷炫,用於建立高解析度的3D地球和2D地圖。 它支援不同的地圖API,天氣API和其他複雜的功能。
Demo頁面有大量的社群專案,展示功能,包括紐約所有建築的3D地圖和美國宇航局的專案。

15 個有趣的前端庫(September  2016)

? In-view

埋點庫,用於跟蹤頁面上的元素,並在他們即將離開或進入視口時做出反應。 該庫沒有外部依賴,並且真正容易使用簡單的回撥語法

15 個有趣的前端庫(September  2016)

? Papa Parse

Papa Parse是一個強大的客戶端CSV解析器。 它充滿了令人敬畏的功能,如轉換為JSON,支援字串,本地檔案或URLS,非同步模式,快速模式等等。 這個庫沒有依賴性,可以相容JavaScript和jQuery。

相關文章