Tutorialzine?每個(gè)月都會(huì)公布一次當(dāng)月新增的 JS 和 CSS 庫罕模。2018 新年之際溯街，該網(wǎng)站整理出了 2017 年最受用戶歡迎和喜愛的一些 JS 和 CSS 庫诱桂，供大家學(xué)習(xí)和參考。
JavaScript 本地存儲(chǔ)庫?localForage
localForage 是一個(gè) JavaScript 庫呈昔，提升了應(yīng)用程序的離線體驗(yàn)挥等，通過使用異步的數(shù)據(jù)存儲(chǔ)，提供簡(jiǎn)單的類似 localStorage 的 API堤尾，允許開發(fā)者存儲(chǔ)多種類型數(shù)據(jù)肝劲。
CSS3 驅(qū)動(dòng)的動(dòng)畫滾動(dòng)庫?AOS
AOS（Animate on scroll）是小型動(dòng)畫滾動(dòng)庫，可在頁面滾動(dòng)時(shí)給元素添加動(dòng)畫效果郭宝。CSS3 驅(qū)動(dòng)辞槐，效果類似于 WOWJS。
響應(yīng)式郵件標(biāo)識(shí)語言?MJML
MJML 是一個(gè)標(biāo)識(shí)語言粘室，用來減少編寫響應(yīng)式郵件的復(fù)雜度榄檬。其語義語法在展示豐富郵件內(nèi)容時(shí)更加簡(jiǎn)單和直觀。該項(xiàng)目提供一個(gè)開源的引擎用來將 MJML 標(biāo)識(shí)語言轉(zhuǎn)成 HTML衔统。
Monaco Editor 是微軟開源的基于 VS Code 的代碼編輯器鹿榜，運(yùn)行在瀏覽器環(huán)境中海雪。編輯器提供代碼提示，智能建議等功能舱殿。供開發(fā)人員遠(yuǎn)程更方便的編寫代碼奥裸。
A-Frame 是 Mozilla 開源的網(wǎng)頁虛擬現(xiàn)實(shí)體驗(yàn)（ WebVR ）框架，可用于桌面沪袭、iPhone（即將支持安卓）以及 Oculus Rift刺彩。A-Frame 可以讓創(chuàng)建 WebVR 體驗(yàn)變得更簡(jiǎn)單。?
Bootstrap 4 帶來了許多變化和新特性枝恋，包括基于 flexbox 的網(wǎng)格系統(tǒng)创倔，新的和重新定義的組件，以及更快的 ES6 JavaScript 插件焚碌。 另一個(gè)很酷的新功能是自動(dòng)布局模式畦攘。 它允許開發(fā)人員忽略列的大小，可自動(dòng)分配該行中的空間十电。
Prettier 是一個(gè)自發(fā)性的 JavaScript 格式化程序知押，受到來自 ES2017，JSX 和 Flow 的語言功能的高級(jí)支持的啟發(fā)鹃骂。 它刪除所有原始格式台盯，并確保所有輸出的 JavaScript 符合一致的風(fēng)格。
GPU 加速的 JavaScriptGPU.js
用于在 GPU 中運(yùn)行瀏覽器 JavaScript 代碼的庫畏线。 使用 GPU.js静盅，您可以通過將專門編寫的 JS 編譯成可通過 WebGL 在 GPU 上運(yùn)行的著色器語言來更快速地執(zhí)行復(fù)雜的計(jì)算。 如果 WebGL 不可用寝殴，則函數(shù)將回退到常規(guī) JavaScript蒿叠。
這是一個(gè)更輕量級(jí)的 HTTP 客戶端解決方案，它建立在瀏覽器原生的 Fetch API 的基礎(chǔ)之上蚣常，并為 Node.js 提供優(yōu)化市咽。?
控制 headless Chrome 的 Node.js API：Puppeteer
Puppeteer 是一個(gè)控制 headless Chrome 的 Node.js API 。它是一個(gè) Node.js 庫抵蚊，通過DevTools 協(xié)議提供了一個(gè)高級(jí)的 API?來控制headlessChrome施绎。它還可以配置為使用完整的（非 headless）Chrome。
Push.js贞绳，是一款跨瀏覽器的Javascript桌面通知插件谷醉。這個(gè)通知API允許在當(dāng)下流行的瀏覽器上使用，像Chrome, Safari, Firefox,和IE 9+熔酷」陆簦可以推送一個(gè)通知到用戶桌面。如果用戶的瀏覽器不支持這個(gè)新的API拒秘，會(huì)回滾到使用舊的實(shí)現(xiàn)方式号显。
Draggable 是一個(gè)簡(jiǎn)單易用的模塊化拖放庫臭猜。 它提供了出色的拖放功能，快速的 DOM 重新排序，干凈的 API 和可訪問的標(biāo)記。 Draggable 附帶額外的模塊均芽，可以添加更多的功能，如排序次屠，交換和其他實(shí)用程序。
Card 是一個(gè)小型的 vanilla JS 項(xiàng)目（帶有一個(gè) jQuery 版本）雳刺，讓信用卡表格更加有趣劫灶。
Webpack 是一個(gè)模塊綁定器，主要目的是在瀏覽器上綁定 JavaScript 文件掖桦。
機(jī)器學(xué)習(xí) JavaScript 庫?DeepLearn.js
DeepLearn.js 是 Google 推出的一個(gè)可用于機(jī)器智能并加速?WebGL?的開源?JavaScript?庫本昏，完全在瀏覽器中運(yùn)行，不需要安裝枪汪，不需要后端處理涌穆。
Node.js CMS 和 Web 應(yīng)用程序平臺(tái)?KeystoneJS
KeystoneJS，以 Express 和 MongoDB 為基礎(chǔ)搭建的 Node.js CMS 和 Web 應(yīng)用程序平臺(tái)雀久。
在 Web 應(yīng)用中創(chuàng)建 Poppers：Popper.js
Popper.js 是用來在web應(yīng)用中創(chuàng)建Poppers的庫宿稀。
JavaScript GraphQL 客戶端?Apollo Client
Apollo Client 是一個(gè)全功能的GraphQL客戶端，用于 React 赖捌、Angular 的交互祝沸。允許你輕松通過 GraphQL 獲取數(shù)據(jù)并構(gòu)建 UI 組件。
跨瀏覽器的 css3 動(dòng)畫庫?Animate.css
Animate.css 是一個(gè)有趣的巡蘸，跨瀏覽器的 css3 動(dòng)畫庫奋隶，內(nèi)置了很多典型的 css3 動(dòng)畫，兼容性好使用方便悦荒。
