開源巨獻:年度最佳 JavaScript 和 CSS 開源庫推薦

臨風如竹 6年前發布 | 44K 次閱讀 開源 CSS JavaScript開發 JavaScript

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

JavaScript 本地存儲庫 localForage

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

CSS3 驅動的動畫滾動庫 AOS

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

響應式郵件標識語言 MJML

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

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

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

Web 虛擬現實框架 A-Frame

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

Web 前端 UI 框架 Bootstrap 4

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

前端代碼格式化工具 Prettier

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

GPU 加速的 JavaScript GPU.js

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

HTTP 客戶端 R2

這是一個更輕量級的 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

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

模塊化拖放庫 Draggable

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

小型 vanilla JS 項目 Card

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

模塊綁定器 Webpack

Webpack 是一個模塊綁定器,主要目的是在瀏覽器上綁定 JavaScript 文件。

機器學習 JavaScript 庫 DeepLearn.js

DeepLearn.js 是 Google 推出的一個可用于機器智能并加速 WebGL 的開源 JavaScript 庫,完全在瀏覽器中運行,不需要安裝,不需要后端處理。

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

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

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

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

JavaScript GraphQL 客戶端 Apollo Client

Apollo Client 是一個全功能的GraphQL客戶端,用于 React 、Angular 的交互。允許你輕松通過 GraphQL 獲取數據并構建 UI 組件。

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

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

 

來自:https://my.oschina.net/editorial-story/blog/1622283

 

 本文由用戶 臨風如竹 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!