偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

十五個有趣的JavaScript與CSS庫

開發(fā) 前端
在十一月份的前端技術(shù)列表中,我們整合了一些令人感到驚嘆的 GitHub 項目,其中包含了新的 CSS 框架、node.js包管理器,以及用于實現(xiàn)圖標、加載效果、工具提示的純 CSS 解決方案。

在十一月份的前端技術(shù)列表中,我們整合了一些令人感到驚嘆的 GitHub 項目,其中包含了新的 CSS 框架、node.js包管理器,以及用于實現(xiàn)圖標、加載效果、工具提示的純 CSS 解決方案。

那么,讓我們一起來看看吧。Have Fun !

1. Wing

[[177919]]

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

HERE:Wing 項目地址

2. Shave

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

HERE:Shave 項目地址

3. Cerebral

[[177920]]

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

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

HERE:Cerebral 項目地址

4. Wenk

[[177921]]

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

HERE:Wenk 項目地址

5. CSS Loader

[[177922]]

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

HERE:CSS Loader 項目地址

6. Yarn

[[177923]]

相信近期 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

[[177924]]

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

如此棒的項目,是不是得給滿分呢?快來 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

[[177925]]

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

[[177926]]

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

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

HERE:Test Cafe 項目地址

13. Core.css

[[177927]]

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

HERE:Core.css 項目地址

14. Flv.js

[[177928]]

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 項目地址

譯者注:關(guān)于 Next.js 的詳細介紹可以看這里。

以上就本文所有的分享,希望你能找到適合你項目的前端庫。

責任編輯:張燕妮 來源: IT程序獅
相關(guān)推薦

2019-07-16 13:15:38

Kafka分布式數(shù)據(jù)

2022-01-06 15:21:32

pipPython技巧

2009-12-31 08:39:44

MDD模型驅(qū)動開發(fā)

2021-12-20 09:35:14

Kubernetes命令Linux

2010-09-03 09:22:19

Linux命令行

2012-08-22 15:00:04

2013-08-09 09:39:21

程序員程序員圖片搞笑程序員

2015-10-29 09:46:29

PHP開發(fā)工具

2017-12-04 09:50:55

數(shù)據(jù)中心遷移實踐

2017-12-03 15:41:26

數(shù)據(jù)中心遷移基礎(chǔ)設(shè)施

2012-02-22 09:23:03

2010-08-12 09:18:52

開源數(shù)據(jù)庫

2016-12-28 11:23:59

優(yōu)化iOS程序性

2012-03-06 14:38:23

Visual Stud

2021-12-08 11:50:07

Python游戲網(wǎng)站編程語言

2017-11-24 08:00:55

前端JSCSS

2022-06-16 08:35:10

CSS屬性前端

2021-09-28 10:06:54

數(shù)字化轉(zhuǎn)型CIO數(shù)字化

2015-07-28 14:05:01

IT 技術(shù)人考慮

2021-11-02 14:46:13

新華三
點贊
收藏

51CTO技術(shù)棧公眾號