推薦15個 JavaScript 和 CSS 庫

發表於2018-03-23

Tutorialzine的使命是讓開發者與最新的Web開發發展同步。因此,我們每月都會精選一批最優秀的資源推薦給大家,相信這些資源你絕對值得擁有!


clarify-js-new.png

ClarifyJS

ClarifyJS可以讓你串聯一串方法,以任意順序執行。通常的JavaScript方法是從左到右執行的,ClarifyJS可以讓你改變它們執行的順序。而且,通過選擇是否讓程式等待某個特定的非同步方法完成還是執行後繼續,也能控制非同步方法。


superstruct-new2.png

Superstruct

Superstruct提供了一種驗證資料的簡單方式。它受到了Typescript、Flow和GraphQL的啟發,其主要目的是在執行時驗證資料,並返回詳細的執行時錯誤資訊。可以在使用REST或GraphQL API時通過它來驗證使用者輸入。


muuri.png

Muuri

JavaScript佈局引擎,用於建立差異化多功能的互動佈局。通過內建拖放、快速動畫及篩選排序,支援對佈局的完全定製。它使用Web Animations處理動畫,使用Hammer.js實現拖放。


neutrino-new2.jpg

Neutrino

Neutrino基於Webpack建立JavaScript專案,支援預設和共享配置。預設是Neutrino的核心,使用它的基準預設可以構建各種專案。你也可以通過擴充套件來建立自己的預設。


cctx.png

CCXT(CryptoCurrency eXchange Trading)

這是一個用於加密貨幣和電子商務交易的JavaScript/PHP/Python庫。通過它可以連線加密貨幣交易所並完成支付。支援比特幣/以太幣/替代幣交易市場,完全實現了各交易所的公共和私有API,能夠快速訪問交易資料,可用於儲存、分析及視覺化。


react-opt.png

Reactopt

Reactopt是一個CLI React優化工具,可以識別應用中可能導致不必要重繪的事件。這個庫是為了替代react-addons-perf模組開發的,後者在React 16以後就不被支援了。當前,它支援Click/Double click、Drag、KeyPress、KeyDown和Input事件。


luxon.png

Luxon

Luxon是強大的日期和時間庫,支援DateTimeDurationInterval型別,可以解析和格式化常見或自定義的日期。Luxon支援使用時區和使用原生Intl API實現國際化。


wordpressify.png

WordPressify

前端構建系統,用於自動化WordPress開發工作流。提供整合的Web伺服器和自動過載、PostCSS及Scss前處理器,還有靈活的定製化構建。還內建了Babel編譯ES6程式碼,支援新的JS語法。


spectre.png

Spectre

Spectre是一個完全免費的響應式的CSS框架。支援基本的樣式、排版、基於Flexbox的響應式且移動優先的佈局系統,以及漂亮的純CSS元件。非常小巧,壓縮後只有10KB,但支援大多數現代瀏覽器。


rapid-js-new.png

Rapid.js

針對自定義API路由,Rapid.js可以加速API封裝及構建類ORM的介面。它提供基本的CRUD方法,以及get()post()put()patch()delete()head()方法,實現基本的請求。幾乎不用配置,適合構建任何API。


parcel-new.png

Parcel

Parcel是一個飛快的Web應用打包工具,無需配置。支援打包JavaScript、CSS、HTML、檔案資源,並使用Babel、PostCSS和PostHTML進行自動模組轉換。它還有一個非常友好的錯誤日誌,支援語法高亮,方便定位問題。


shards-new.png

Shards

免費的現在UI工具包,基於Bootstrap 4,超輕量,全響應。包含10個自定義元件,2個預置著陸頁及基於Material和Font Awesome包的圖示庫。開發者可以自定義其SCSS檔案,以修改已有佈局,或者建立自己的佈局。


mark-js.png

Mark.js

可以對通過關鍵詞或正規表示式匹配的文字動態新增高亮。內建支援變音符號(diacritics)、獨立詞搜尋、自定義同義詞、iframe、自定義過濾器等。可以單獨使用,也可以作為jQuery外掛。


listjs.png

List.js

通過這個微型庫,可以對不同HTML元素實現搜尋、排序、篩選。它小巧、簡單、易用,無依賴。Chrome、Safari、Firefox和IE6+都有外掛。


uppy.png

Uppy

Uppy是一個開源模組化檔案上傳庫。可以從本地、Google Drive、Dropbox、Instagram、遠端URL及其他位置選擇檔案,然後將它們上傳到最終目的地。非常小巧,而且介面簡單,很適合移動瀏覽器。

相關文章