2018 年 3 月 15 個有意思的 JavaScript 和 CSS 庫

發表於2018-04-03

Tutorialzine 旨在讓你瞭解最新最酷的 Web 發展趨勢。這就是我們每個月為何都會發布一些我們偶然發現並認為值得你關注的優秀資源的原因。

BasicScroll

該庫使你可以在你的設計中新增 parallax 滾動動畫效果。你可以直接在你的 CSS 中使用變數和屬性，或者使用 JS 來獲得更好的動畫效果。它執行非常流暢，獨立於框架，在桌面和移動裝置上非常出色，並且支援觸屏輸入。

Proton Native

Proton native 允許你為所有平臺建立原生桌面應用程式。它具有與 React Native 相同的語法，支援 Redux 等現有的 React 庫，並與大多數 Node.js 包相容。它適用於原生元件，並不再需要 electron 。

Normalize.css

Normalize.css 是一個全新的瀏覽器樣式重置庫。它使得 HTML 元素樣式在不同的瀏覽器上保持統一，同時也極大程度地減少了不同瀏覽器之間的衝突，提供了更高的可用性。

Fork Awesome

這是一個擁有超過 600 個可縮放的向量圖形的圖示庫。這些圖示非常易於自定義，比如更換顏色、大小、陰影等，同時相容所有框架。這個庫非常容易上手，不需要使用者擁有 Javascript 語言知識，最重要的是它們在 Retina 螢幕中的顯示效果令人驚豔。

Filepond

Filepond 是一個用於上傳檔案的小型 Javascript 庫。它提供了許多不同的上傳方式：你可以使用拖拽、拷貝貼上，瀏覽本地檔案系統的方式，甚至只是使用它提供的 API 方式來上傳檔案。這個庫內建了圖形優化和圖形自動縮放功能，Gzip 壓縮後只有 21 KB。

這是一個基於 HeadlessChorme 的網路爬蟲（譯者注：Headless Chrome 是 Chrome 瀏覽器的無介面形態，可以在不開啟瀏覽器的前提下，使用所有 Chrome 支援的特性執行你的程式。）。它的提供了非常簡單易用的 API ，會讓你更加輕鬆地設定併發、重試、延時方法。它提供了深度優先和廣度優先兩種爬取演算法，同時支援類似於 Redis 的可插拔的快取機制，並支援 CSV 和 Json 格式的匯出。

Pressure.js

這是一個可用於壓感觸控、3D touch 和點觸控的庫。它提供了簡單易用而且相容絕大多數瀏覽器的 API 和一個內建的可用於識別壓力輕重的工具。同時它也支援多點觸控。

Loaders.css

這是一個非常有意思的純 css 實現的 loading 動畫庫。它非常簡單實用而且很容易實現自定義。這個庫提供了變形、旋轉、淡入等等動畫效果。這些動畫效果能執行在所有的的現代瀏覽器上（包括 IE9 以上的 IE 瀏覽器）。

React Slider Kit

你可以使用 React slider kit 在你的 react 應用中建立滾動元素。它提供了不同型別的滑動元件比如 1D、2D 滾動，單個、多個滾動，水平和垂直滾動等。你可以設定滾動元素的最小、最大值，設定滾動元素的開始停止點等等。

NativeScript

這是一個使用 Javascript 和 CSS 建立 IOS 和 Android 應用的開源框架。你只需要使用寫好 Javascript 程式碼就可以使用框架自適應地執行在所有的 IOS 和 Android 裝置上。框架非常易於擴充套件，你可以使用 npm、CocoaPods 和 Gradle 獲取數以百計的外掛。