开发者不容错过的12款开源JavaScript库

11顶
0踩

2014-01-28 17:43 by 见习编辑 tuhaihe 评论(2) 有50810人浏览

javascript html5 框架

JavaScipt几乎是所有前端开发人员必会的编程语言，并且，随着各种移动APP的串红，JavaScript还可以用来开发移动应用。除此以外，为了丰富前端/移动开发，有不少开发者推出了各种基于JavaScript的库，这些几乎能实现任何你需要的功能，并且有些库可以用来开发某些特定的功能，非常强大。

本文推荐了12款开源的JavaScript库，这些库可以帮助大家快速开发各种前端/移动应用，一起来看下。

1.Headroom.js

Headroom.js是一个轻量级，高性能的JavaScript插件（无依赖性），允许你响应用户的滚动行为。Headroom.js使您能够在适当的时候把元素融入视图，而其它时候让内容成为焦点。Headroom.js简单易用，它有一个纯JavaScript API，以及可选的jQuery、Zepto和AngularJS兼容的插件。

2.Hammer.js

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

3.Type Rendering Mix

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

4.Mouse Trap

MouseTrap是个简单的JavaScript库，用来处理键盘快捷键，并且无需任何扩展依赖，而且非常轻量，压缩包只有3.5KB。

5.Switchery

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

6.Yeoman

Yeoman是一个开源项目，它为Web应用开发定义了一个自用的栈。它包括一批非常优秀的工具和框架，它们都有着完善的文档而且很权威。我们的目的是帮助开发者快速构建漂亮的Web应用。

7.Math.js

Math.js是一个JavaScript包，用于执行数学相关的函数。拥有非常多的运算功能和灵活的表达式解析器，功能强大且易于使用。

8.Morris.js

Morris.js是一个轻量级的JavaScript库，使用jQuery和Raphaël来生成各种时序图。

9.Planetary.js

Planetary.js是一个JavaScript库，用于构建互动球体效果。它使用D3和TopoJSON解析和渲染地理数据。Planetary.js采用了基于插件的架构，即使是默认的功能是作为插件实现的，这使得Planetary.js非常灵活。Planetary.js是完全可定制，包括颜色，旋转等等。

10.Metro UI CSS

Metro UI CSS是一套用来创建类似于Windows 8 Metro UI风格网站的样式，它是一套自成体系的解决方案，但也可以与其它框架一起使用。

11.Cheet.js

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

12.Turn.js

Turn.js是一个JavaScript库，能够将HTML内容组织成看起来像一本真正的书籍或杂志，用到HTML5的所有优点。Turn.js最合适基于HTML5实现类似杂志，书籍，目录的效果。它适用于大多数的浏览器和设备，轻量级，只有10K。

（文/张红月）

查看图片附件

来自: CSDN

分享到：

11
顶

0
踩

评论共 2 条请登录后发表评论

2 楼 u013680195 2014-04-03 11:22

CSS基础教程17篇

此教程共17篇，由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值，对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器、属性、值
http://www.weby.com.cn/view.asp?id=14
3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充：CSS盒模型（Box Model）问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity
http://www.weby.com.cn/view.asp?id=30

1 楼 chenhailong 2014-01-30 09:41

挺好的东西。不错哦

发表评论

您还没有登录,请您登录后再发表评论

11顶0踩