15款加强web体验的Javascript库

1. Pikaday : Standalone JavaScript Datepicker

这是一个使人耳目一新的JavaScript日期选择器

• 轻量轻（压缩和gzip后小于5KB）
• 没有依赖其它JS框架(但可以与Moment.js一块儿使用)
• 模块化的CSS类，方便

2. Mailcheck

Mailcheck.js是一个Javascript库和jQuery插件，用于检测email地址的域名。当域名不正确时，会提供相应的建议。

 

3. BonsaiJS

Bonsai 是一个开源的JavaScript库，用于建立图形和动画。该库的渲染器使用SVG的输出，并提供了一个直观，功能丰富的API。

它已经支持建立简单的图形（矩形，圆形，椭圆形等）。利用特定的功能和一个path()函数就可以绘制任意自定义的形状。

它能够应用颜色，渐变和过滤器（灰度，模糊，不透明度等）于这些形状。

不少鼠标（或触摸）和键盘事件已经内置到该库，并能够轻松地管理。

Bonsai 支持标准动画和关键帧动画，设置了一系列的连续动画。

而且拥有大量的简单的函数，能够在动画中使用。

 

4. Review

ReView is a tiny JavaScript library that allows visitors to switch between the layouts on request.It analyses the initial viewport + meta tag if available and displays a link/button to the visitor for instantly switching to the other viewport with no refreshes, all JavaScript. The view preference is automatically stored via HTML5 sessionStorage and a plugin architecture exists for extending its features.
 
Source 
 

5. Lenticular.js

Lenticular.js 是一个jQuery插件用于建立图片动画，可响应倾斜或鼠标事件。

这个插件主要用于移动浏览器（倾斜倾斜设备），但也能够用于桌面浏览器（鼠标控制）。

它很是易于使用，只要建立一序列的图片（将它们按image-1.jpg, image-2.jpg ...这样的方式命名），定义图片的文件夹， 动画帧的数量，这样就能够了。

提供功能来激活/失效的效果，设定轴（X，Y或Z）和更多的功能。

 

6. Jarallax

Jarallax 是一个功能丰富的JavaScript库，可以轻松建立和制做视差滚动效果。

这库可让咱们使用keyframes来操做CSS，并支持自定义控制器。

这些控制器，与基于时间的动画相比，可以让咱们决定解发哪个事件动画滚动，鼠标手势等。

 

7. jsPDF

jsPDF是一个开源的JavaScript库，不须要任何服务器端脚本就可以在客户端建立PDF文件。

它已经可以支持添加文本（可设置样式），画图，插入图片。文档能够设置主题，像一些元数据如：标题、主题等。

支持大部分浏览器，若是有不支持的浏览将采用FLash代替实现。

 

8. Enquire.js

enquire.js是一款超棒的轻量级处理CSS Media Queries的javascript类库。主要特性以下：

• 帮助你处理匹配的media queries(不匹配的也能够)
• 针对浏览器事件响应
• 支持一次性的设置
• 不依赖任何类库，甚至jQuery
• 能够方便的应用到响应式设计中
• 类库很是小，压缩版小于1kb

 

9. jsDraw2DX : SVG Graphics Library

jsDraw2DX 是一个独立的JavaScript库，用于利用SVG建立任意类型的可交互图形（对于老的IE浏览器采用VML实现）。

除了可以生成全部的基本形状，如线，矩形，多边形，圆形，椭圆形，弧形等，图书馆能够绘制曲线，贝塞尔曲线（任何程度），函数绘图，图版和装饰的文本。

 

10. oriDomi

oriDomi是一个JavaScript库，用于漂亮得折叠任意HTML元素，就像一张纸。

这个库没有依赖任何JavaScript框架（但可选支持jQuery），它使用CSS 3D transitions 来建立效果。

它提供了多种效果和事件包括：accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.

oriDomi兼容大部分浏览器包括移动浏览器。

 

11. Holder.js

Holder.js彻底在客户端上呈现图像占位符。在线和离线工做，并提供一个可连接的API的风格和轻松的建立占位符。在线和离线工做，并提供一个可连接的API的风格和轻松的建立占位符。
 

12. Mousetrap

Mousetrap 是一个JavaScript Library用于建立和管理键盘快捷键。这个JS是一个单独的JS包，很是小只有1.6kb。支持大部分浏览器包括IE6。

它能够实现单键，组合键或一个序列组合键。此外还能够监听keypress, keydown 或 keyup事件,而后据此决定触发哪一个函数。
 

13. Recline.js

Recline.js是一个开源的JS库用于利用JavaScript + HTML轻松建立基于数据的应用。

它基于jQuery, Backbone.js 和 Underscore.js构建，提供组件+结构的方式来展现大量数据的应用与模型组（数据集，记录/行，场）和视图（网格，地图，图表等）。

这个库拥有大最的功能来处理数据集包括：加载，查询和操做等。

Recline.js 已经内置支持从、CSV files, Google Docs, ElasticSearch, CouchDB等来加载数据。并可以以表格，地图，时间线等方式来漂亮地展现数据。展现的方式能够很方便得按本身的须要进行扩展。

 

14. Sweet.js

Sweet.js 是 Mozilla 开发的，为 JavaScript 带来相似 Schema 和 Rust 的宏功能，宏可让你使用本身想要的方式来扩展 JavaScript 语言。

15. Annotator

 
Annotator 是一个开源的JavaScript库和工具，用于让任意网页变成可添加注释。注释能够有评论内容，标签，用户等。 Annotator拥有一个简单而强大的插件体系，因此可以很方便对其功能进行扩展：好比为注释添加用户身份验证功能.

 

转自：http://www.open-open.com/news/view/11f1c1e