最新的15 個有趣的前端庫(December 2016)

東岸往事·發表於2016-12-13

「英」原文連結

github ? ? ? 還有許多其他有趣的收集

最新的15 個有趣的前端庫(December 2016)

? Deck.gl

Deck.gl是由Uber開源的資料視覺化庫,基於WebGL的視覺化圖層。能夠支援大規模資料的2D和3D視覺化。

可以在React中使用,也可以單獨使用;

最新的15 個有趣的前端庫(December 2016)

? Svelte

Svelte是一個全新的專案,為React和Angular等大型框架提供的現有解決方案提供了一種全新的,更輕量級的專案。

最新的15 個有趣的前端庫(December 2016)

? Turbo.js

Turbo.js允許您訪問GPU並提高應用程式的效能。 通過直接在圖形處理器中執行程式,可以並行執行多個複雜計算,大大減少JavaScript等待時間。 相容大部分瀏覽器。

最新的15 個有趣的前端庫(December 2016)

? CSSPIN

CSSPIN是由純CSS實現了旋轉和Loading的庫,並且提供單獨下載某個元件,對於減少程式碼冗餘很有效果。

最新的15 個有趣的前端庫(December 2016)

Blueprint

Blueprint是一個針對構建複雜使用者介面(如基於Web的桌面應用程式和後臺管理系統)而優化的React工具包。 它提供了豐富的元件庫,大量的可定製選項與Sass或Less,並且擁有詳細的的文件。

最新的15 個有趣的前端庫(December 2016)

? Card

Card是一個純JS專案(有jQuery版本), 提供非常酷的實時展示卡片資訊的功能,非常適合用來做有信用卡、駕照等資訊的表單

最新的15 個有趣的前端庫(December 2016)

Conversational Form

拋棄了傳統表單的形式,採用對話的方式讓你來完成表單;

我看了這個demo,我越發的覺得前端真的太有趣了!

這裡有一篇關於它文章 Introducing the Conversational Form

最新的15 個有趣的前端庫(December 2016)

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; } } })();

最新的15 個有趣的前端庫(December 2016)

✂️ Milligram

Milligram是一個很輕量(2kb)的CSS框架,專門設計用於更好的效能和更高的生產力,更少的屬性重置,更乾淨的程式碼。

最新的15 個有趣的前端庫(December 2016)

Medium-draft

基於Facebook文字編輯器框架draft-js之上的React富文字編輯器。 支援Markdown, 豐富的快捷鍵,友好的使用者介面,用於編寫和編輯內容。

需要編輯器的朋友可以試試

最新的15 個有趣的前端庫(December 2016)

Eg.js

基於jQuery實現的包括UI互動,動畫效果和各種其他實用程式的元件。 可用於網格生成,動畫,風景/人像檢測,提供裝置和瀏覽器資訊。

最新的15 個有趣的前端庫(December 2016)

Superdom

Superdom是jQuery的輕量級替代品,它允許您操縱HTML DOM。 它提供了一個全域性dom物件,可以用來選擇和修改頁面上的所有現有元素及其屬性。

最新的15 個有趣的前端庫(December 2016)

Chaos Socket

Chaos Socket包含WebSockets,使得更容易自動測試你的應用程式中的套接字連線。 提供一個簡單的API,允許您註冊不同型別的事件,併傳送一次或以一定的間隔。 Chaos Socket也附帶了內建的Faker.js,用於快速生成虛擬資料。

最新的15 個有趣的前端庫(December 2016)

docsify

文件生成工具,提供非常簡單好看的主題, vuejs的文件好像就是這個生成的?

最新的15 個有趣的前端庫(December 2016)

Labelauty

一個輕量級的jQuery外掛,提供漂亮的核取方塊和
單選按鈕,並允許狀態自定義。

相關文章