最新的15 個有趣的前端庫（December 2016）

「英」原文連接

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插件，提供漂亮的複選框和單選按鈕，並容許狀態自定義。