最新的15 个有趣的前端库（December 2016）

时见疏星

发布于 2018-06-01 12:02:35

1K0

发布于 2018-06-01 12:02:35

文章被收录于专栏：星流全栈

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