最新的15 个有趣的前端库(December 2016)

? 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插件,提供漂亮的复选框和 单选按钮,并允许状态自定义。

原文发布于微信公众号 - 星流全栈(MeteorFullStack)

原文发表时间:2016-12-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏郭霖

Android通知栏微技巧,那些你所没关注过的小细节

本篇文章首发于我的微信公众号,其实通常情况下我都不会将微信文章再在博客上发表的,因为我认为两者区别比较大。微信文章偏向于短小精炼,毕竟要在手机上阅读,博客文章则...

3318
来自专栏Material Design组件

Human Interface Guidelines —— Action Sheets

2956
来自专栏腾讯社交用户体验设计

Origami五分钟入门秘籍 - 腾讯ISUX

1602
来自专栏angularejs学习篇

angularjs学习第五天笔记(第二篇:表单验证升级篇)

您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指...

883
来自专栏思衍 Jax 专栏

企鹅辅导课程详情页毫秒开的秘密 - PWA 直出

随着近几年的前端技术的高速发展,越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例,从性能角度,其最重要的指标...

94111
来自专栏章鱼的慢慢技术路

Unity入门教程(上)

5407
来自专栏Material Design组件

Human Interface Guidelines — Widgets

1183
来自专栏我就是马云飞

View的事件拦截机制浅析

为什么要去分析view的事件 记得上周刚立的flag就是关于view的事件机制。那现在我来说说我对view的感受。关于view的事件,百度google一搜。一批...

1776
来自专栏从零开始学 Web 前端

从零开始学 Web 之 JavaScript(一)JavaScript概述

JavaScript历史 要了解JavaScript,我们首先要回顾一下JavaScript的诞生。在上个世纪的1995年,当时的网景公司正凭借其Naviga...

1162
来自专栏姬小光

姬小光前端兴趣班【第008期】- 真正的切图大法

上一期我们使用了 word 转存大法来生成网页,主要是为了帮助大家理解表格布局的原理。那么今天我们就来学习一下真正的切图大法。

1202

扫码关注云+社区

领取腾讯云代金券