年度最佳 JavaScript 和 CSS 開源庫推薦!

發表於2018-02-22

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

年度最佳 JavaScript 和 CSS 開源庫推薦!

JavaScript 本地儲存庫 localForage

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

CSS3 驅動的動畫滾動庫 AOS

年度最佳 JavaScript 和 CSS 開源庫推薦!

AOS(Animate on scroll)是小型動畫滾動庫,可在頁面滾動時給元素新增動畫效果。CSS3 驅動,效果類似於 WOWJS。

響應式郵件標識語言 MJML

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

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

image

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

Web 虛擬現實框架 A-Frame

年度最佳 JavaScript 和 CSS 開源庫推薦!

A-Frame 是 Mozilla 開源的網頁虛擬現實體驗( WebVR )框架,可用於桌面、iPhone(即將支援安卓)以及 Oculus Rift。A-Frame 可以讓建立 WebVR 體驗變得更簡單。

Web 前端 UI 框架 Bootstrap 4

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

前端程式碼格式化工具 Prettier

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

GPU 加速的 JavaScript GPU.js

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

HTTP 客戶端 R2

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

控制 headless Chrome 的 Node.js API:Puppeteer

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

跨瀏覽器的桌面通知外掛 Push.js

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

模組化拖放庫 Draggable

年度最佳 JavaScript 和 CSS 開源庫推薦!

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

小型 vanilla JS 專案 Card

Card 是一個小型的 vanilla JS 專案(帶有一個 jQuery 版本),讓信用卡表格更加有趣。

模組繫結器 Webpack

年度最佳 JavaScript 和 CSS 開源庫推薦!

Webpack 是一個模組繫結器,主要目的是在瀏覽器上繫結 JavaScript 檔案。

機器學習 JavaScript 庫 DeepLearn.js

年度最佳 JavaScript 和 CSS 開源庫推薦!

DeepLearn.js 是 Google 推出的一個可用於機器智慧並加速 WebGL 的開源 JavaScript 庫,完全在瀏覽器中執行,不需要安裝,不需要後端處理。

Node.js CMS 和 Web 應用程式平臺 KeystoneJS

年度最佳 JavaScript 和 CSS 開源庫推薦!

KeystoneJS,以 Express 和 MongoDB 為基礎搭建的 Node.js CMS 和 Web 應用程式平臺。

在 Web 應用中建立 Poppers:Popper.js

年度最佳 JavaScript 和 CSS 開源庫推薦!

Popper.js 是用來在web應用中建立Poppers的庫。

JavaScript GraphQL 客戶端 Apollo Client

年度最佳 JavaScript 和 CSS 開源庫推薦!

Apollo Client 是一個全功能的 GraphQL 客戶端,用於 React 、Angular 的互動。允許你輕鬆通過 GraphQL 獲取資料並構建 UI 元件。

跨瀏覽器的 css3 動畫庫 Animate.css

年度最佳 JavaScript 和 CSS 開源庫推薦!

Animate.css 是一個有趣的,跨瀏覽器的 css3 動畫庫,內建了很多典型的 css3 動畫,相容性好使用方便。

相關文章