3 月值得關注的 15 個 JavaScript 和 CSS 庫

yimu1976 7年前發布 | 17K 次閱讀 CSS JavaScript開發 JavaScript

Tutorialzine 是一個教程資源網站,每月都會發布一些優秀資源,以讓讀者了解最新最酷的網絡開發趨勢,本月同樣精心挑選了 15 個 JavaScript 和 CSS 供大家參考學習。

Propeller

Propeller 是一個基于 Bootstrap 和 Google’s Material Design 語言的 CSS 組件框架。它包含 25 個組件,響應敏捷,具有典型 Material Design 動畫的特點。該項目可以作為 Bootstrap 主題下載,也可作為完整的框架或獨立的組件下載。

BaguetteBox

baguetteBox.js 是一個簡單簡單、易用的 JavaScript lightbox庫,它具有一下特點:

  • 純 JavaScript 實現,無需依賴其他庫

  • 支持觸摸屏設備手勢操作

  • 支持顯示標題(說明)

  • 支持響應式圖像

  • 支持CSS3過渡

  • 使用 SVG 按鈕,沒有多余的文件下載

  • 啟用 gzip 壓縮后僅 2KB

Whitestorm

Whitestorm 使用 Three.js 引擎開發 3D 網頁應用和游戲,它為普通的 Three.js 任務提供封裝,使搭建環境,創建對象,添加物件等操作更簡單。官方提供了很好的 項目教程 ,以及 與 React 集成 的工具。

Animatelo

Animatelo 是極度流行的 Animate.css 庫的端口,它用  Web Animations API 克隆代替 CSS 轉換。所有原始的 Animate.css 效果都被重建,但現在的 API 是基于 JavaScript 類而不是 CSS 類。該庫輕量且不依賴 jQuery,但在舊版瀏覽器要求 polyfill。

FuseBox

FuseBox 是一個用于 JavaScript 和 CSS 的捆綁加載器,帶有 TypeScript,Sass 等可選的附加組件。它以簡潔與性能為主,為 webpack 提供替代方案。相關教程: Angular 2 + TypeScript , React + Babel , Vue.js , Electron 等。

Yargs

Yargs 框架通過使用 Node.js 構建功能全面的命令行應用,它能輕松配置命令,解析多個參數,并設置快捷方式等,還能自動生成幫助菜單。

WebGradients

WebGradients 含有多種漂亮的漸變色,可在任何 HTML 頁面輕松應用。你可在項目網站快速預覽可用的漸變色,還能一鍵復制 CSS 到你的項目中去。

Sticky-Kit

Sticky-kit 是一個 jQuery 插件,它允許你在頁面附加元素,設置跟隨滾動的側邊欄效果。

ScrollDir

ScrollDir 是一個超輕量無依賴的 JavaScript 庫,用以檢查滾動條的移動,并根據你的選擇元素切換 上/下 數據屬性。該項目能給你帶來平滑的用戶體驗。

Svgo

用以優化 SVG 文件的 Node.js 工具,它將它們從非必要的信息中剝離出來,如,編輯器元數據,注釋,隱藏元素等。SVGO 具有基于插件的架構,你可自由選擇需要刪除和保留的內容。

Store.js

Store.js 是一個跨瀏覽器的用于高級本地存儲的解決方案,它實現了瀏覽器的本地存儲的 JavaScript 封裝 API,不是通過 Cookie 和 Flash 技術實現,而是使用 localStorage、globalStorage 和 userData 行為。

Snarkdown

Snarkdown 是一個用 JavaScript 編寫的極簡的 Markdown 解析器。它不是功能最全的,但可能是最容易實現的一款解析器。Snarkdown 只有 1Kb 大小,且只有一種方法,適合速成項目。

Unfetch

Fetch API 能讓開發者更好地處理異步請求,它能在大多數瀏覽器上受支持,但 fetch() 方法在 IE 瀏覽器中仍不可用。

Scrollanim

Scrollanim 是使用 CSS3 + JavaScript 實現的用于創建滾動動畫的庫,應用到元素上后,當此元素出現在瀏覽器可視區域時便會執行對應的動畫。Scrollanim 是 Kissui 的一部分,所以使用 Scrollanim 時需要用到 kissui.css。

Neurojs

用于在瀏覽器中進行深度學習 JavaScript 框架,可以通過強化學習進行全棧神經網絡。

 

 

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

 

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