有趣的JavaScript與CSS庫有哪些

本篇內(nèi)容主要講解“有趣的JavaScript與CSS庫有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“有趣的JavaScript與CSS庫有哪些”吧!

成都創(chuàng)新互聯(lián)公司專注于九江網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供九江營銷型網(wǎng)站建設(shè)，九江網(wǎng)站制作、九江網(wǎng)頁設(shè)計、九江網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造九江網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供九江網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1. Wing

Wing 是一個微型（壓縮后僅有4KB）響應(yīng)式的 CSS 框架，它提供了一個 12  列響應(yīng)式網(wǎng)格以及基礎(chǔ)的樣式組件集，可為你的建站工作打下堅實的基礎(chǔ)。當(dāng)然，這個項目最酷的地方在于，它絕大多數(shù)的 HTML  元素都是自動樣式化的，而不需要任何額外的類。希望你會喜歡！

HERE：Wing 項目地址

2. Shave

Shave 是一個零依賴、輕量級的 JavaScript 插件，它能截斷多行文本，以適應(yīng)基于 max-height 設(shè)定好的 html 元素，并將原始文本字符串存儲在隱藏的<span>元素中，以便你的文本能夠完整地保留在頁面中。Shave 不依賴任何庫，同時它在 jQuery 中提供了一個獨立版本的插件。

HERE：Shave 項目地址

3. Cerebral

一個 JavaScript MVC 應(yīng)用程序狀態(tài)管理器，并且它有獨立的調(diào)試器。在 Cerebral 中，應(yīng)用程序的狀態(tài)被存儲在單個的樹模型中，該模型管理著所有服務(wù)器端和客戶端的狀態(tài)。

而調(diào)試器具有對模型、控制器以及視圖的實時管理權(quán)限。

HERE：Cerebral 項目地址

4. Wenk

Wenk 是一個輕量級純 CSS 寫的文本工具提示庫。雖然它的壓縮版僅有700字節(jié)，但它依然能夠管理并提供一些定制選項。諸如不同提示工具的大小、位置和文本對齊。

HERE：Wenk 項目地址

5. CSS Loader

CSS Loader 是一個非常有用加載器。它允許開發(fā)人員利用純 CSS 文件，以及一個空<div>元素便可以快速的創(chuàng)建加載指示器。

HERE：CSS Loader 項目地址

6. Yarn

相信近期 Facebook 推出的開源 Node.js 包管理器  Yarn，大家已經(jīng)有所耳聞了。它具備強大的緩存系統(tǒng)，能夠大大降低包的安裝時間，并且能夠為參與一個項目的所有用戶維持相同的節(jié)點模塊（node_modules）目錄結(jié)構(gòu)，有助于減少難以追蹤的  bug 和在多臺機器上復(fù)制。

雖然，它與 NPM 產(chǎn)生背景不同，但使用 Yarn 幾乎可以等同于使用 NPM ，開發(fā)人員需要更快的了解它哦！

HERE：Yarn 項目地址

7. Canvas Gauges

Canvas Gauges 是一個利用純 JavaScript 和 HTML5 Canvas（畫布）打造的可完全自定義的儀表，你可以用它來創(chuàng)建諸如機動車速度表、溫度計等類型的測量設(shè)備。

由于它的代碼量很小，并且沒有依賴，同時適用于物聯(lián)網(wǎng)設(shè)備。你可以通過網(wǎng)站的示例來了解它。

HERE：Canvas Gauges 項目地址

8. CSS Icon

CSS Icon 是一個匯聚了500+ 純 CSS 代碼實現(xiàn)的圖標(biāo)集網(wǎng)站。使用起來也十分簡單，當(dāng)你點擊了某一個圖標(biāo)，便會彈出圖標(biāo)對應(yīng)的 HTML 與 CSS 代碼，同時你可以直觀的了解到 CSS 代碼的什么部分，實現(xiàn)了圖標(biāo)的哪些元素。

如此棒的項目，是不是得給滿分呢？快來 Enjoy吧！

HERE：CSS Icon 項目地址

9. CurrencyFormatter.js

CurrencyFormatter.js 是一款簡單實用的純 JS 格式化貨幣庫。它支持 155 種不同國家的貨幣格式，以及超過 700 種不同語言的本地化設(shè)置。

此外，它還能處理某些不采用的貨幣格式，功能非常強大。

HERE：CurrencyFormatter.js 項目地址

10. KUTE.js

一款具有高性能的原生 JavaScript 動畫引擎：KUTE.js. 它的核心庫提供了所有基本的動畫方法，你可以添加許多插件來豐富 KUTE 的功能。同時，它還具備單獨的擴展，可以同時與jQuery、SVG、CSS屬性等一起工作。

HERE：KUTE.js 項目地址

11. Vue Material

Vue Material 是一個根據(jù) Material Design 規(guī)范構(gòu)建的輕量級 Vue.js 框架。它旨在提供一組可重用的高品質(zhì)組件和一系列 UI 元素，通過 Vue2.0 支持現(xiàn)代的 Web 瀏覽器來構(gòu)建應(yīng)用程序。

該庫也很容易實現(xiàn)，除了 Vue.js 之外沒有任何依賴。

HERE：Vue Material 項目地址

12. Test Cafe

Test Cafe 是一個純 Node.js 編寫的用于測試 Web 應(yīng)用程序端到端的解決方案。它基于 Node.js，并且不需要安裝 NPM 包之外的任何東西——不需要瀏覽器插件以及編譯器。

一旦你編寫了測試，運行 Test Cafe，它將為你進行瀏覽器測試、收集結(jié)果并創(chuàng)建報告。

HERE：Test Cafe 項目地址

13. Core.css

Core.css 是一個用于構(gòu)建響應(yīng)式網(wǎng)站的輕量級框架。它壓縮后僅有 1.3kb，同時它沒有預(yù)先設(shè)定的元素和內(nèi)置動畫。所以適用于搭建任何小型的 Web 項目。

HERE：Core.css 項目地址

14. Flv.js

B站相信大家都不會陌生，而 Flv.js 就是由 bilibili 網(wǎng)站開源的 HTML5 Flash 視頻（FLV）播放器，純原生 JavaScript 開發(fā)（ECMAScript 6 編寫） ，沒有用到 Flash。

它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流，并實時轉(zhuǎn)封裝為 fmp4 ，通過 Media Source Extensions 喂給瀏覽器，實現(xiàn)了 FLV 格式視頻的播放。

HERE：Flv.js 項目地址

15. Next.js

Next.js 是一個基于 React 的通用 JavaScript 框架。它提供了一種便利的方式來創(chuàng)建新的 JavaScript Web 應(yīng)用程序。開發(fā)人員不必在搭建 Webpack 或 Babel 的配置上花費太多的時間了。

HERE：Next.js 項目地址

到此，相信大家對“有趣的JavaScript與CSS庫有哪些”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站名稱：有趣的JavaScript與CSS庫有哪些
網(wǎng)站網(wǎng)址：http://muchs.cn/article6/ijsdog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站設(shè)計公司、域名注冊、手機網(wǎng)站建設(shè)、網(wǎng)站收錄、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)