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