轉帖|行業資訊|編輯:郝浩|2017-03-28 13:51:25.000|閱讀 526 次
概述:本篇推薦了15個值得前端愛好者收藏的JS和CSS庫。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Propeller 是基于 Bootstrap 與谷歌的 Material Design 的 CSS 組件框架。它包含了 25 個響應式組件,同時具備典型的 Material Design 動畫。你可以將它作為 Bootstrap 的主題,或者完整的框架以及獨立組件進行使用。
BaguetteBox 是一個利用純 JavaScript 編寫的庫,它可用于創建響應式燈箱畫廊效果。它是輕量級的,可自定義設置,并支持移動端,同時它還自帶了相應的 CSS3 過渡。
Whitestorm 是基于 Three.js 引擎用來開發 3D Web APPS 和游戲的框架。它為許多常見的 Three.js 任務提供了簡單的封裝,使搭建環境、創建對象、添加物件等操作更加的簡單。官方也提供了示例項目,以及與 React 集成的工具,便于你迅速的開始工作。
Animatelo 是流行的 Animate.css 庫的接口,它利用 Web Animation API 替代了 CSS 過渡,并將 Animate.css 庫中的所有效果重現了出來。但它的 API 是基于 Javascript 方法的,而不是 CSS 類。同時,它也是輕量級的庫,不依賴 jQuery,但在一些老版本的瀏覽器上或許要使用 polyfill。
FuseBox 是一個用于 JavaScript 和 CSS 的打包程序,并具備用于 TypeScript,Sass 等的附加組件。它的設計理念是簡單與性能,也為 Webpack 提供了可行的替代解決方案。
為了讓你快速開始,官方提供了 Angular 2 + TypeScript,React + Babel,Vue.js,Electron 和其他版本的快速示例教程。
Yargs 是使用 Node.js 構建功能齊全的命令行應用程序的框架。你可以輕松的配置命令、解析多個參數以及設置快捷操作方式。甚至,它還可以自動生成幫助菜單。
WebGradients 收集了一系列漂亮的色彩漸變,你可以將它們輕松的應用在任何 HTML 頁面上。你可以通過快速預覽,或是全屏查看可用的漸變色,然后僅需要一鍵復制 CSS 屬性,即可將它們應用到你的項目中去。
Sticky-kit 是一個 jQuery 插件,它可以將元素附加到頁面上的某個區域,并使元素保持其邊界。這樣隨著頁面的滾動,在父容器中的特定元素將會保持始終可見。
ScrollDir 是一款超輕量的,不依賴 JavaScript 的庫,用于監測 CSS 中的滾動方向。它可以察看滾動條的移動方向,并根據你選擇的元素來切換上/下方向的數據屬性。同時,它忽略了小的滾動動作,力求創造一個平穩的體驗。
這是一個用于優化 SVG 文件的 Node.js 工具,它可以刪除那些無用的 SVG 信息,例如編輯器元信息、注釋、隱藏元素以及不影響渲染向量的其他屬性。同時,它基于插件模式構建,所以你可以自由的選擇想要刪除的內容。
Store.js 是用于本地存儲的跨瀏覽器解決方案。近期,它的 2.0 版本也已發布,在更新了許多功能的同時,增加了一些額外的功能,例如數組/對象操作以及改進了過期選項。
Snarkdown 是一個使用 JavaScript 編寫的超簡單的 Markdown 解析器。誠然,它不是最復雜或功能最全的解析器,但它可能是最容易實現的。
Snarkdown 只有 1kb 大小,且只有一種方法,使其成為速成項目的完美選擇。
Unfetch Fetch API 是 XMLHttpRequest 接口的現代重制,它為開發人員提供了一種更好的處理異步請求的方法。雖然,它支持大多數現代瀏覽器,但是fetch()方法在 IE 中仍然不可用。
Unfetch 的出現便解決了fetch()方法在 IE 中不可用的問題,它提供了完整 fetch API 的子集,且 fetch polyfill 僅有 500 bytes。
Scrollanim 是用于滾動動畫的 Vanilla JavaScript 庫。由于內置的 Animate.css 依賴關系,Scrollanim 提供了大量的自定義選項,單獨的 HTML 和 JavaScript API 以及超過 50 種流暢的動畫效果。
Neurojs 是一款用于在瀏覽器中進行深度學習 JavaScript 框架,它具備可以通過加強學習訓練的全棧神經網絡。
本文來自:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn