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。