開源巨獻:年度最佳 JavaScript 和 CSS 開源庫推薦
Tutorialzine 每個月都會公布一次當月新增的 JS 和 CSS 庫。2018 新年之際,該網站整理出了 2017 年最受用戶歡迎和喜愛的一些 JS 和 CSS 庫,供大家學習和參考。
localForage 是一個 JavaScript 庫,提升了應用程序的離線體驗,通過使用異步的數據存儲,提供簡單的類似 localStorage 的 API,允許開發者存儲多種類型數據。
AOS(Animate on scroll)是小型動畫滾動庫,可在頁面滾動時給元素添加動畫效果。CSS3 驅動,效果類似于 WOWJS。
MJML 是一個標識語言,用來減少編寫響應式郵件的復雜度。其語義語法在展示豐富郵件內容時更加簡單和直觀。該項目提供一個開源的引擎用來將 MJML 標識語言轉成 HTML。
Monaco Editor 是微軟開源的基于 VS Code 的代碼編輯器,運行在瀏覽器環境中。編輯器提供代碼提示,智能建議等功能。供開發人員遠程更方便的編寫代碼。
A-Frame 是 Mozilla 開源的網頁虛擬現實體驗( WebVR )框架,可用于桌面、iPhone(即將支持安卓)以及 Oculus Rift。A-Frame 可以讓創建 WebVR 體驗變得更簡單。
Bootstrap 4 帶來了許多變化和新特性,包括基于 flexbox 的網格系統,新的和重新定義的組件,以及更快的 ES6 JavaScript 插件。 另一個很酷的新功能是自動布局模式。 它允許開發人員忽略列的大小,可自動分配該行中的空間。
Prettier 是一個自發性的 JavaScript 格式化程序,受到來自 ES2017,JSX 和 Flow 的語言功能的高級支持的啟發。 它刪除所有原始格式,并確保所有輸出的 JavaScript 符合一致的風格。
GPU 加速的 JavaScript GPU.js
用于在 GPU 中運行瀏覽器 JavaScript 代碼的庫。 使用 GPU.js,您可以通過將專門編寫的 JS 編譯成可通過 WebGL 在 GPU 上運行的著色器語言來更快速地執行復雜的計算。 如果 WebGL 不可用,則函數將回退到常規 JavaScript。
這是一個更輕量級的 HTTP 客戶端解決方案,它建立在瀏覽器原生的 Fetch API 的基礎之上,并為 Node.js 提供優化。
控制 headless Chrome 的 Node.js API:Puppeteer
Puppeteer 是一個控制 headless Chrome 的 Node.js API 。它是一個 Node.js 庫,通過 DevTools 協議 提供了一個高級的 API 來控制 headless Chrome。它還可以配置為使用完整的(非 headless)Chrome。
Push.js,是一款跨瀏覽器的Javascript桌面通知插件。這個通知API允許在當下流行的瀏覽器上使用,像Chrome, Safari, Firefox,和IE 9+。可以推送一個通知到用戶桌面。如果用戶的瀏覽器不支持這個新的API,會回滾到使用舊的實現方式。
Draggable 是一個簡單易用的模塊化拖放庫。 它提供了出色的拖放功能,快速的 DOM 重新排序,干凈的 API 和可訪問的標記。 Draggable 附帶額外的模塊,可以添加更多的功能,如排序,交換和其他實用程序。
Card 是一個小型的 vanilla JS 項目(帶有一個 jQuery 版本),讓信用卡表格更加有趣。
Webpack 是一個模塊綁定器,主要目的是在瀏覽器上綁定 JavaScript 文件。
機器學習 JavaScript 庫 DeepLearn.js
DeepLearn.js 是 Google 推出的一個可用于機器智能并加速 WebGL 的開源 JavaScript 庫,完全在瀏覽器中運行,不需要安裝,不需要后端處理。
Node.js CMS 和 Web 應用程序平臺 KeystoneJS
KeystoneJS,以 Express 和 MongoDB 為基礎搭建的 Node.js CMS 和 Web 應用程序平臺。
Popper.js 是用來在web應用中創建Poppers的庫。
JavaScript GraphQL 客戶端 Apollo Client
Apollo Client 是一個全功能的GraphQL客戶端,用于 React 、Angular 的交互。允許你輕松通過 GraphQL 獲取數據并構建 UI 組件。
Animate.css 是一個有趣的,跨瀏覽器的 css3 動畫庫,內置了很多典型的 css3 動畫,兼容性好使用方便。
來自:https://my.oschina.net/editorial-story/blog/1622283