github ? ? ? 還有許多其他有趣的收集
? Deck.gl
Deck.gl是由Uber開源的資料視覺化庫,基於WebGL的視覺化圖層。能夠支援大規模資料的2D和3D視覺化。
可以在React中使用,也可以單獨使用;
? Svelte
Svelte是一個全新的專案,為React和Angular等大型框架提供的現有解決方案提供了一種全新的,更輕量級的專案。
? Turbo.js
Turbo.js允許您訪問GPU並提高應用程式的效能。 通過直接在圖形處理器中執行程式,可以並行執行多個複雜計算,大大減少JavaScript等待時間。 相容大部分瀏覽器。
? CSSPIN
CSSPIN是由純CSS實現了旋轉和Loading的庫,並且提供單獨下載某個元件,對於減少程式碼冗餘很有效果。
Blueprint
Blueprint是一個針對構建複雜使用者介面(如基於Web的桌面應用程式和後臺管理系統)而優化的React工具包。 它提供了豐富的元件庫,大量的可定製選項與Sass或Less,並且擁有詳細的的文件。
? Card
Card是一個純JS專案(有jQuery版本), 提供非常酷的實時展示卡片資訊的功能,非常適合用來做有信用卡、駕照等資訊的表單
Conversational Form
拋棄了傳統表單的形式,採用對話的方式讓你來完成表單;
我看了這個demo,我越發的覺得前端真的太有趣了!
這裡有一篇關於它文章 Introducing the Conversational Form
TypeIs
JavaScript型別檢查的庫
程式碼實現很簡潔
;(function () {
var OP = Object.prototype;
if (Object.defineProperty && !OP.typeis) {
var toString, Regex;
toString = OP.toString;
Regex = /^\[object |]$/gi;
Object.defineProperty(OP, 'typeis', {value: function (is) {return typeis(this, is)}});
function whatTheType(something){
return toString.call(something).replace(Regex, '');
}
function typeis(something, is) {
var type = whatTheType(something, is);
if(whatTheType(is) == 'Array'){
is = is.join('|');
}
return is ? new RegExp('^(' + is + ')複製程式碼
__JJ_LT_JJ__/span__JJ_GT_JJ__, __JJ_LT_JJ__span class="hljs-string"__JJ_GT_JJ__'i'__JJ_LT_JJ__/span__JJ_GT_JJ__).test(type) : type;
}
}
})();
✂️ Milligram
Milligram是一個很輕量(2kb)的CSS框架,專門設計用於更好的效能和更高的生產力,更少的屬性重置,更乾淨的程式碼。
Medium-draft
基於Facebook文字編輯器框架draft-js之上的React富文字編輯器。 支援Markdown, 豐富的快捷鍵,友好的使用者介面,用於編寫和編輯內容。
需要編輯器的朋友可以試試
Eg.js
基於jQuery實現的包括UI互動,動畫效果和各種其他實用程式的元件。 可用於網格生成,動畫,風景/人像檢測,提供裝置和瀏覽器資訊。
Superdom
Superdom是jQuery的輕量級替代品,它允許您操縱HTML DOM。 它提供了一個全域性dom物件,可以用來選擇和修改頁面上的所有現有元素及其屬性。
Chaos Socket
Chaos Socket包含WebSockets,使得更容易自動測試你的應用程式中的套接字連線。 提供一個簡單的API,允許您註冊不同型別的事件,併傳送一次或以一定的間隔。 Chaos Socket也附帶了內建的Faker.js,用於快速生成虛擬資料。
docsify
文件生成工具,提供非常簡單好看的主題, vuejs的文件好像就是這個生成的?
Labelauty
一個輕量級的jQuery外掛,提供漂亮的核取方塊和
單選按鈕,並允許狀態自定義。