2017年度最佳 JavaScript 和 CSS 開源庫推薦！__Java

Tutorialzine 每個月都會公布一次當月新增的 JS 和 CSS 庫。2018 新年之際，該網站整理出了 2017 年最受使用者歡迎和喜愛的一些 JS 和 CSS 庫，供大家學習和參考。

JavaScript 本機存放區庫 localForage

傳送門：https://www.oschina.net/p/localforage

localForage 是一個 JavaScript 庫，提升了應用程式的離線體驗，通過使用非同步資料存放區，提供簡單的類似 localStorage 的 API，允許開發人員儲存多種類型資料。

CSS3 驅動的動畫滾動庫 AOS

傳送門：http://www.oschina.net/p/animate-on-scoll

AOS（Animate on scroll）是小型動畫滾動庫，可在頁面滾動時給元素添加動畫效果。CSS3 驅動，效果類似於 WOWJS。

響應式郵件標識語言 MJML

傳送門：https://www.oschina.net/p/mjml

MJML 是一個標識語言，用來減少編寫響應式郵件的複雜度。其語義文法在展示豐富郵件內容時更加簡單和直觀。該項目提供一個開源的引擎用來將 MJML 標識語言轉成 HTML。

基於瀏覽器的代碼編輯器 Monaco-Editor

傳送門：http://www.oschina.net/p/monaco-editor

Monaco Editor 是微軟開源的基於 VS Code 的代碼編輯器，運行在瀏覽器環境中。編輯器提供代碼提示，智能建議等功能。供開發人員遠程更方便的編寫代碼。

Web 虛擬現實架構 A-Frame

傳送門：http://www.oschina.net/p/a-frame

A-Frame 是 Mozilla 開源的網頁虛擬現實體驗（ WebVR ）架構，可用於案頭、iPhone（即將支援安卓）以及 Oculus Rift。A-Frame 可以讓建立 WebVR 體驗變得更簡單。 

Web 前端 使用者介面架構 Bootstrap 4

傳送門：http://www.oschina.net/p/bootstrap

Bootstrap 4 帶來了許多變化和新特性，包括基於 flexbox 的網格系統，新的和重新定義的組件，以及更快的 ES6 JavaScript 外掛程式。 另一個很酷的新功能是自動配置模式。 它允許開發人員忽略列的大小，可自動分配該行中的空間。

前端代碼格式化工具 Prettier

傳送門：http://www.oschina.net/p/prettier

Prettier 是一個自發性的 JavaScript 格式化程式，受到來自 ES2017，JSX 和 Flow 的語言功能的進階支援的啟發。 它刪除所有原始格式，並確保所有輸出的 JavaScript 符合一致的風格。

GPU 加速的 JavaScript GPU.js

傳送門：http://gpu.rocks/

用於在 GPU 中運行瀏覽器 JavaScript 代碼的庫。 使用 GPU.js，您可以通過將專門編寫的 JS 編譯成可通過 WebGL 在 GPU 上啟動並執行著色器語言來更快速地執行複雜的計算。 如果 WebGL 不可用，則函數將回退到常規 JavaScript。

HTTP 用戶端 R2

傳送門：https://github.com/mikeal/r2

這是一個更輕量級的 HTTP 用戶端解決方案，它建立在瀏覽器原生的 Fetch API 的基礎之上，並為 Node.js 提供最佳化。 

控制 headless Chrome 的 Node.js API：Puppeteer

傳送門：http://www.oschina.net/p/puppeteer-nodejs

Puppeteer 是一個控制 headless Chrome 的 Node.js API 。它是一個 Node.js 庫，通過 DevTools 協議提供了一個進階的 API 來控制 headless Chrome。它還可以配置為使用完整的（非 headless）Chrome。

跨瀏覽器的案頭通知外掛程式 Push.js

傳送門：http://www.oschina.net/p/push-js

Push.js，是一款跨瀏覽器的Javascript案頭通知外掛程式。這個通知API允許在當下流行的瀏覽器上使用，像Chrome, Safari, Firefox,和IE 9+。可以推送一個通知到使用者案頭。如果使用者的瀏覽器不支援這個新的API，會復原到使用舊的實現方式。

模組化拖放庫 Draggable

傳送門：https://shopify.github.io/draggable/

Draggable 是一個簡單易用的模組化拖放庫。 它提供了出色的拖放功能，快速的 DOM 重新排序，乾淨的 API 和可訪問的標記。 Draggable 附帶額外的模組，可以添加更多的功能，如排序，交換和其他公用程式。

小型 vanilla JS 項目 Card