开发者必备的12个JavaScript库

现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。为了方便大家发挥自己的创意,就产生了很多 JS 框架,Node.js 扩展等等。有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而花费太多精力。这里我们介绍的是 12 个开发者们必备的 JavaScript 库,都是一些很基础功能很强大的库。有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧收藏起来吧:)

1) Headroom.js

Headroom.js 是个轻量级,高性能的 JS 部件(完全独立,无需任何依赖),允许对用户滚动页面的行为做出反应,Headroom.js 的主页顶部就是一个演示示例,当向下滚动,头部就会慢慢退出隐藏起来;当向上滚动,头部又慢慢的显示出来。

2) Hammer.js

Hammer.js是一个轻量级的JavaScript库(压缩后仅有3kb),能让你的网站轻松实现触控事件。它依赖于jQuery,用来控制触摸设备上的多点触控特性。

3) Type Rendering

trmix(Type Rendering Mix) 是个基于浏览器的应用 CSS 文本渲染的引擎。Type Rendering Mix 通过解析用户代理字符串检测浏览器的文本 rasterizer 和 antialiasing 方法。

4) Mouse Trap

Mouse Trap 是个简单的 JavaScript 库,用来处理键盘快捷键。Mousetrap 是个独立的库,没有任何扩展依赖,而且是个极小的 JavaScript 库,总大小就只有几kb。

5) Switchery

Switchery 是个简单的 JavaScript 组件,只要几个简单的步骤就可以帮助用户把默认的 HTML 复选框转换成漂亮 iOS 7 样式风格。用户可以很方便的自定义这种转换,所以可以很好的配合你的设计风格。

6) Yeoman

Yeoman是一个强健的工具,库,及工作流程的组合,帮你网页开发者快速创建出漂亮而且引人入胜的网页程序。

7) Mathjs

Math.js 是个JavaScript 和 Node.js 的扩展数学库。它包括了灵活的表达式解析器,提供数字,大数值,复杂数值,单位,矩阵等等集成的解决方案。Math.js 很强大又易于使用。

特性

  • 支持数值,大数值,复杂数值,单位,数组,字符串和矩阵
  • 兼容 JavaScript 内置的数学库
  • 包含一个灵活的表达式解析器
  • 支持链接操作
  • 包含一系列内置函数和常量
  • 没有任何依赖,可以运行在所有 JavaScript 引擎上
  • 非常容易扩展

8) Morris.js

Morris.js 是一个轻量级的 JS 库,使用 jQueryRaphaël 来生成各种时序图。

9) Planetary js

Planetary js 是个令人称奇的创建交互式 web 地球仪的 JavaScript 库。在线演示

主要特性:

  • 完全自定义,包括颜色,旋转等等
  • 在任何位置显示设定的颜色和大小的动画“ping”
  • 支持鼠标拖动和缩放
  • 通过基于插件的架构可以扩展

10) Metroui

Metro UI CSS 是用来创建类似 Windows 8 Metro 界面风格的 CSS 样式/Javascript 库。

11) Cheet.js

Cheet.js 是一款用来创建复活节彩蛋类似形状的图片加上简单的文本信息的 Javascript 库。 在线演示

12) Turnjs

Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果,支持触摸屏设备。

Turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时。

备选: Voix

Voix.js 是一个 JavaScript 库,可以用声音控制你的网站,应用或者是游戏。

如果大家还有补充或者是对以上这些 JavaScript 库有什么使用心得,那么请在评论中与大家分享吧!

via designzum.com

译文链接:http://www.oschina.net/news/48383/12-essential-javascript-libraries-for-developers

原文发布于微信公众号 - Golang语言社区(Golangweb)

原文发表时间:2018-03-08

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏游戏开发那些事

【Unity3d游戏开发】UGUI插件入门之游戏菜单

  ugui是unity4.6开始加入的一个新的ui系统,非常强大,下面我们将通过一系列博客的方式一起来学习一下ugui的使用。本篇博客会介绍如何使用ugui制...

37820
来自专栏我杨某人的青春满是悔恨

开源项目——『看知乎』iOS 版

前段时间无意中发现了看知乎,一个知乎答案和用户的精选站。网站开发者是知乎用户苏莉安,他写了个爬虫从知乎抓取数据,而且还提供了 API 文档。我大致看了下文档,感...

34550
来自专栏liuchengxu

如何使用 Vim 的 help

实际上,无论是 Vim 的基础知识还是进阶知识,大都可以从 help 中找到指引。但是我想很多人并没有意识到这一点,或者并没有重视这一点。RTFM (read ...

8120
来自专栏nice_每一天

一天带你入门到放弃vue.js(一)

每个新的框架入手都会进行一些列的扯犊子!这里不多说那么多!简简单单说一下vue吧!

19920
来自专栏企鹅号快讯

前端工程师面试题汇总

作者:@markyun markyun.github.io/2015/Front-end-Developer-Questions/ HTML Doctype作用...

31980
来自专栏极乐技术社区

微信小程序 wx.request 的封装

自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了...

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

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

19420
来自专栏大数据钻研

前端面试那些坑

HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 ? 行内元素有哪些?块级元素有哪些? 空(void)元素有...

36260
来自专栏进击的君君的前端之路

HTML5

81050
来自专栏Nian糕的私人厨房

CSS 字体图标引用

在自己的项目中,我们或多或少的需要插入一些 icon,缺少 UI 设计天赋的我只能去搜寻现有的 icon 了,在这里推荐大家去 Iconfont 阿里巴巴矢量图...

13230

扫码关注云+社区

领取腾讯云代金券