⑧当今流行的js插件裤

近些年来,诞生了不少优秀的前端开发工具(类库)。JS的库和框架能简化工作流程、提供开发效率并更好地进行响应式设计。

鉴于 JavaScript 的库实在太多了,就算你花很多时间和精力,也不一定能找到优秀而且适用(于项目)的库。 (之前)我们已经讨论过了 优秀的 JavaScript 框架 ,而今天我们会根据 Github 上 star 的增长数,筛选出出一些最好的 JavaScript 库。 你很可能已经听说过 jQuery 或者 React 的大名了,二者都是非常有用的 JavaScript 库。当然,还有其他很多优秀的类库。

其中一些库几乎是每个项目都会引入的,其他的一些(库)则是专注于某些方面,当你的应用需要支持特殊的功能时就可以引入它们。为了更好地说明,我们按照类型整理出最好的 JavaScript 库,现在就让我们进入正题吧。

图表 & 图形

一、D3.js:https://d3js.org/

D3.js (Data-Driven Documents (译者注:即数据驱动文档)) 被誉为是在开源项目中最强大的数据可视化 JavaScript 库。它拥有完善的生态,基于 D3.js ,你能使用海量的插件与库。同时,社区的支持与大量的参考资料能使你轻易入门 D3.js 。

D3.js遵从 W3C 标准,几乎支持所有的现代浏览器。尽管它没有预建任何图表,无法开箱即用,但它提供了非常多的例子与非常有用的特性,如:enter 与 exit 的选择,能让你非常容易定位 bug 与绘制图表。

二、Chart.js:http://www.chartjs.org/

Chart.js 是一个为小型项目提供绘制图表功能的开源类库。如果你需要简单快速地绘制一个图表,那个 Chart.js 可以帮到你。它拥有8种图表类型,也可以组合使用,并提供强大的动画功能。若你希望快速开展项目,我们推荐这个类库,尽管它的功能并不多。Chartist.js 的特性都是类似的功能,它是基于 SVG 构建的,而 Chart.js 是基于 canvas。

三、FusionCharts:http://www.fusioncharts.com/

FusionCharts 被认为是目前最好的 Javascript 制图库。它是最全面的绘制图表解决方案,包含超过90种表格与1000种图,远胜于Google Charts 和 MetricsGraphics。

如今,FusionCharts 可以自豪地说,它的使用者超过24,000,不乏来自白宫、Oracle, IBM, Microsoft, Google 及其他大公司的客户。作为最流行的 JavaScript 库之一,FusionCharts 的扩展性良好,支持各种浏览器与设备,包括 IE6,7,8等。然而,在非商业项目与个人项目中,可以使用含有水印的版本,但若要使用不包含水印的版本,则需要购买许可。

四、Google Charts:https://developers.google.com/chart/

Google Charts 允许你构造任何东西,从普通线图到复杂的树状图都毫无问题。它配备了大量的预制图表、各种数据展示方式与多种自定义选项。(Google Charts)基于 HTML5 与 SVG 绘制图表,因而可以确保不同浏览器与平台之间的兼容性,为了兼顾老旧的 IE 版本,它还包含了 VML。

Google Charts 拥有详尽的文档与代码注释,并提供了渐进式的指导工具,能使任何想要使用 JavaScript 绘制图表的开发者都可以很好地入门 Google Charts 。然而,由于文件都是由 Google 的服务器发送给你的应用,你必须在线才能看到绘制的图表。

动画

五、GSAP:https://greensock.com/gsap

GSAP (GreenSock Animation Platform)是一个为大型企业便利地生成出色动画的优秀框架。超过两百万的网站使用(GSAP),其中包括福特、耐克、 Adobe 、微软、三星等大企业。

GSAP 在不同平台(译者注:PC端与移动端)和不同浏览器之间都有着良好的兼容性。它的特性基于 SVG 构建,能高效地完成 DOM 元素的拖动、旋转、翻页等。GSAP 也支持旋转、3D转换、按需加载等功能。

六、Bounce.js:http://bouncejs.com/

Bounce.js 是一个基于 CSS3 构建的精巧 JavaScript 动画库,(通过使用它)你能轻易地让创造出令人印象深刻的动画。它预设了10款动画,如rotate, swoosh, jelly, road runner(译者注:我没用过这个东东、不好翻译、有使用经验的同学麻烦告诉我一下应该如何翻译)等,(通过使用它们)可以创造出流畅的动画,你可以在任何项目中使用 Bounce.js 。

这个库是 MIT 许可而且完全免费,当你不需要太多动画类型、进行实验项目或只是想尝试一下使用动画的时候,它是一个非常好的选择。

七、Animate.css:https://daneden.github.io/animate.css/

Animate.css 是一个允许你对特定对象添加精巧动画的 CSS 库。它使用 CSS3 预设了超过50种动画,可添加到文本、表单、对象和图片中。由于 Animate.css 体积很小且跨浏览器支持,使得它在移动端项目、滑动条、首页等应用场景中大放异彩。

时间 & 日期

八、Moment.js:https://momentjs.com/

Moment.js 是一个轻量级的日期库,使得解析、操作、格式化日期和时间变得精确且简单。它提供了多语言支持、持续时间(统计)、日历表等,同时通过各种插件可以支持时区(切换)、整合 Twitter 等功能。但最重要的还是它可以让你避免直接操作原生的 JavaScript Date 对象(译者注:Date对象还真是挺反人类的,曾在国际项目中吃过大亏),其次是可以省略复杂的(时间)解析过程且减少(你分析时间的)代码量。

九、Date-fns:https://github.com/date-fns/date-fns

Date-fns 是一个能在浏览器和 Node.js 中操作时间和日期的先进工具。Date-fns 拥有超过140种的特性,得益于 API 的简洁设计,它们使用起来十分简单。由于 Date-fns 是模块化构建的,你在项目中可以只使用你需要的那一部分功能(而不必加载全部)。

其他

十、Math.js:http://mathjs.org/

Math.js 是一个为浏览器、Node.js及其他 JavaScript 引擎提供数学运算的开源库。它配备了许多(运算)功能与常量,能灵活地解析表达式,也提供了大数,单元,字符串,分数,矩阵,数组和符号的计算支持。

十一、Handsontable:https://handsontable.com/

Handsontable 是一个可轻松地为 Web 应用提供表格的 JavaScript 表格库。它通过不同的插件能实现不同的延伸。Handsontable 基于模块化构造,入门简单且社区活跃。这个表格库在免费版本中包含了超过30特性,专业版本则额外增加十多种功能。目前, Handsontable 常用于销售报告,人力资源规划,数据合并,数据库编辑等领域。

小结

JavaScript 库对于程序员或设计师而言,都是十分有用的工具。它们能为你的 Web 应用和网站添加很多强大的功能或提供更好的外观,这些都能提高用户体验。由于新的 JavaScript 库不断诞生,未来这篇文章会加入更多的推荐。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,013评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,205评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,370评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,168评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,153评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,954评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,271评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,916评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,382评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,877评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,989评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,624评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,209评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,199评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,418评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,401评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,700评论 2 345

推荐阅读更多精彩内容