10個有趣的javascript和css庫（2019年最新）

XUI 發(fā)布于2019-08-30 10:51 / 1269人閱讀

摘要：我們的使命是讓您了解最新和最酷的開發(fā)趨勢。徹底的清理程序，它將獲取和，并只返回實(shí)際使用的樣式。高度可擴(kuò)展現(xiàn)代化，并為大多數(shù)流行的視頻格式和編解碼器提供支持。輕量級庫，用于制作高度可自定義的選擇框文本區(qū)域和其他輸入表單。

我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個月都會發(fā)布一些精選的資源，這些資源是我們偶然發(fā)現(xiàn)并認(rèn)為值得您關(guān)注的。

1.Cube.js

強(qiáng)大的開源框架，用于開發(fā)復(fù)雜的定制分析系統(tǒng)。由前端sdk和一個后端API組成，該后端與大多數(shù)數(shù)據(jù)庫（包括mysql、postreges和mongodb）可以一起工作。

2.Water.css

只需添加CSS框架即可應(yīng)用樣式，無需定義元素類。只需通過cdn將其包含在您的項(xiàng)目中，您的所有頁面將自動變化。包括明暗主題，可通過SCSS定制。

3.Editor.js

以JSON格式輸出數(shù)據(jù)的富文本和媒體編輯器。它是完全模塊化的，由“塊”組成，這意味著每個結(jié)構(gòu)單元都是它自己的塊（例如段落、標(biāo)題、圖像都是塊），用戶可以輕松地編寫自己的插件來進(jìn)一步擴(kuò)展編輯器。

4.Stepper

非常好的數(shù)字步進(jìn)控件，非常適合上/下式的增減控制或其他計(jì)數(shù)器控件。點(diǎn)擊箭頭會產(chǎn)生非常幫的動畫與光滑的CSS效果。

5.DropCSS

徹底的CSS清理程序，它將獲取HTML和CSS，并只返回實(shí)際使用的樣式。它刪除所有未使用的樣式塊、重復(fù)的選擇器、@keyframes等等。高度優(yōu)化，速度極快。

6.Twemoji

Twitter團(tuán)隊(duì)提供的強(qiáng)大表情符號庫，在所有平臺上提供標(biāo)準(zhǔn)的Unicode emoji支持。有了超過3000個emojis和一個穩(wěn)定的API，當(dāng)你想將emojis添加到你的應(yīng)用程序中時，它是一個完美的解決方案。

7.React LoadCon

React組件，允許您使用一系列動態(tài)生成的圖像來使網(wǎng)站的favicon圖標(biāo)產(chǎn)生動畫。這個效果可以用作進(jìn)度或加載指示器，也可以作為一個很酷的小動畫，使您的頁面脫穎而出。

8.Indigo Player

高度擴(kuò)展，現(xiàn)代的javascript視頻播放器。支持MPEG-Dash / HLS / MPEG-4，并構(gòu)建在HTML5視頻元素之上。視頻播放器具有開箱即用的功能，如字幕、縮略圖、質(zhì)量選擇等。高度可擴(kuò)展、現(xiàn)代化，并為大多數(shù)流行的視頻格式和編解碼器提供支持。

9.html2canvas

這個很酷的腳本獲取頁面中的元素和樣式，并通過呈現(xiàn)DOM的副本來獲取“屏幕截圖”。由于屏幕截圖是基于DOM的，它們可能不是100%準(zhǔn)確，但是本庫仍然是調(diào)試和自動化測試的一個很好的工具。

10.Choices

輕量級庫，用于制作高度可自定義的選擇框、文本區(qū)域和其他輸入表單。類似于select2和selectize，但沒有依賴jquery。