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

咱們的使命是讓您瞭解最新和最酷的Web開發趨勢。這就是爲何咱們每月都會發布一些精選的資源，這些資源是咱們偶然發現並認爲值得您關注的。

1.Cube.js

強大的開源框架，用於開發複雜的定製分析系統。由前端sdk和一個後端API組成，該後端與大多數數據庫（包括mysql、postreges和mongodb）能夠一塊兒工做。

2.Water.css

只需添加CSS框架便可應用樣式，無需定義元素類。只需經過cdn將其包含在您的項目中，您的全部頁面將自動變化。包括明暗主題，可經過SCSS定製。

3.Editor.js

以JSON格式輸出數據的富文本和媒體編輯器。它是徹底模塊化的，由「塊」組成，這意味着每一個結構單元都是它本身的塊（例如段落、標題、圖像都是塊），用戶能夠輕鬆地編寫本身的插件來進一步擴展編輯器。

4.Stepper

很是好的數字步進控件，很是適合上/下式的增減控制或其餘計數器控件。點擊箭頭會產生很是幫的動畫與光滑的CSS效果。

5.DropCSS

完全的CSS清理程序，它將獲取HTML和CSS，並只返回實際使用的樣式。它刪除全部未使用的樣式塊、重複的選擇器、@keyframes等等。高度優化，速度極快。

6.Twemoji

Twitter團隊提供的強大表情符號庫，在全部平臺上提供標準的Unicode emoji支持。有了超過3000個emojis和一個穩定的API，當你想將emojis添加到你的應用程序中時，它是一個完美的解決方案。

7.React LoadCon

React組件，容許您使用一系列動態生成的圖像來使網站的favicon圖標產生動畫。這個效果能夠用做進度或加載指示器，也能夠做爲一個很酷的小動畫，使您的頁面脫穎而出。

8.Indigo Player

高度擴展，現代的javascript視頻播放器。支持MPEG-Dash / HLS / MPEG-4，並構建在HTML5視頻元素之上。視頻播放器具備開箱即用的功能，如字幕、縮略圖、質量選擇等。高度可擴展、現代化，併爲大多數流行的視頻格式和編解碼器提供支持。

9.html2canvas

這個很酷的腳本獲取頁面中的元素和樣式，並經過呈現DOM的副原本獲取「屏幕截圖」。因爲屏幕截圖是基於DOM的，它們可能不是100%準確，可是本庫仍然是調試和自動化測試的一個很好的工具。

10.Choices

輕量級庫，用於製做高度可自定義的選擇框、文本區域和其餘輸入表單。相似於select2和selectize，但沒有依賴jquery。