推荐19个很有用的 JavaScript 库

小鱼儿 2022-02-02 15:25 265阅读 0赞

流行的 JavaScript 库有jQuery，MooTools，Prototype，Dojo和YUI等，这些 JavaScript 库功能丰富，加上它们众多的插件，几乎能实现任何你需要的功能，然而需要实现一些特定的功能，则可以选择功能更专一的轻量库，今天这篇文章与大家分享16个很有用的 JavaScript 库。

**[Blackbird: Open Source JavaScript Logging Utility][Blackbird_ Open Source JavaScript Logging Utility]** Blackbird 是一款非常酷的 JavaScript 调试工具，带有一个漂亮的界面显示和过滤调试信息。

[![Javascript-199 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-199 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Blackbird_ Open Source JavaScript Logging Utility]

**[Treesaver.js][]** Treesaver 是一个用于创建杂志布局的 JavaScript 框架。

[![Js-001 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Js-001 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Treesaver.js]

**[Bibliotype][]** Bibliotype 是一个简单的基于 HTML、CSS 和 JS ，用于快速原型制作的的框架。

[![Useful-tool-127 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Useful-tool-127 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Bibliotype]

**[Highcharts – Interactive JavaScript charts][Highcharts _ Interactive JavaScript charts]** Highcharts 是一个纯 JavaScript 编写，用于生产交互式图表的 JavaScript 库。

[![Javascript-264 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-264 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Highcharts _ Interactive JavaScript charts]

**[jStat: a JavaScript statistical library][jStat_ a JavaScript statistical library]** Stat是一个采用JavaScript开发的统计工具包，可以让你执行高级统计操作，而不需要专门的统计语言。

[![Js-007 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Js-007 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][jStat_ a JavaScript statistical library]

**[highlight.js][]** Highlight.js 是一个用于高亮显示程序代码的 JavaScript 库，简单易用。

[![Javascript-268 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-268 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][highlight.js]

**[Respond.js: Fast CSS3 Media Queries for Internet Explorer 6-8 and More][Respond.js_ Fast CSS3 Media Queries for Internet Explorer 6-8 and More]** 这个快速、轻量的库用于让IE6-8支持 CSS3 Media Queries，是一种让网页支持小屏幕设备显示的特性。

[![Javascript-154 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-154 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Respond.js_ Fast CSS3 Media Queries for Internet Explorer 6-8 and More]

**[Underscore.js][]** Underscore 是一个实用的JavaScript工具库，提供了类似 Prototype 功能的编程支持，但没有对 JavaScript 内置的对象进行扩展。

[![Javascript-279 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-279 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Underscore.js]

**[Popcorn.js][]** Popcorn.js 是一个HTML5 Video框架，它提供了易于使用的API来同步交互式内容。

[![Javascript-315 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-315 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Popcorn.js]

**[SlickGrid!][SlickGrid]** SlickGrid 是一个用于构建简单的、快速、灵活的表格的库。

[![Js-004 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Js-004 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][SlickGrid]

**[JavaScript InfoVis Toolkit][]** The JavaScript InfoVis Toolkit 用于创建交互的可视化数据。

[![Javascript-237 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-237 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][JavaScript InfoVis Toolkit]

**[Handlebars.js: Minimal Templating on Steroids][Handlebars.js_ Minimal Templating on Steroids]** Handlebars 是一个 JavaScript 页面模板库，帮助你轻松的构建语义化模板。可参考ThinkVitamin的文章 [Getting Started with Handlebars.js][]。

[![Javascript-280 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-280 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Handlebars.js_ Minimal Templating on Steroids]

**[Backbone.js][]** Backbone.js 是一个 JavaScript MVC 应用框架，通过Models进行key-value绑定及自定义事件处理。

[![Javascript-313 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-313 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Backbone.js]

**[OpenFaces][]** OpenFaces 是一个包含AJAX-powered JSF组件库，一个Ajax框架和一个客户端校验框架的开源框架，它源于QuipuKit并增加了一些新的组件和特性。

[![Js-009 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Js-009 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][OpenFaces]

**[d3.js][]** D3 可以让你绑定任何数据到文档对象模型(DOM)，然后再应用数据驱动传递给文档。

[![Javascript-238 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-238 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][d3.js]

**[Visual Event JS Library][]** Javascript 是事件驱动的语言，这个可视化事件库用于帮助你追踪事件。

[![Js-005 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Js-005 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Visual Event JS Library]

**[Tempo: JSON rendering engine][Tempo_ JSON rendering engine]** Tempo 节奏是一个小的JSON渲染引擎，让你使用纯HTML就可以构建数据模板。

[![Js-002 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Js-002 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Tempo_ JSON rendering engine]

**[Art Deco – Selectable Text][Art Deco _ Selectable Text]** 实现字母分离效果的库，保留了文本能被选择的特性。

[![Javascript-153 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-153 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Art Deco _ Selectable Text]

**[Using Less.js to Simplify Your CSS3][]** LESS 是一个扩展CSS，让其拥有动态语言特性的库。

[![Javascript-175 in Useful JavaScript and jQuery Tools, Libraries, Plugins][Javascript-175 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]][Using Less.js to Simplify Your CSS3]

本文转自寒意博客园博客，原文链接：http://www.cnblogs.com/hnyei/archive/2012/03/12/2391414.html，如需转载请自行联系原作者

[Blackbird_ Open Source JavaScript Logging Utility]: /images/20220202/e97ee869563c49c7b728c75a52b21193.png
[Javascript-199 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: https://pic002.cnblogs.com/images/2011/36987/2011052201320026.jpg
[Treesaver.js]: http://treesaverjs.com/
[Js-001 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: https://pic002.cnblogs.com/images/2011/36987/2011052201324753.jpg
[Bibliotype]: http://craigmod.com/bibliotype/
[Useful-tool-127 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: https://pic002.cnblogs.com/images/2011/36987/2011052201332650.jpg
[Highcharts _ Interactive JavaScript charts]: /images/20220202/fd0ce5e3b24845108c1c0531d7648774.png
[Javascript-264 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-264.jpg
[jStat_ a JavaScript statistical library]: http://www.jstat.org/
[Js-007 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/js-007.jpg
[highlight.js]: /images/20220202/9ebd393404cf4fa1bbcaa29fbbe41d80.png
[Javascript-268 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-268.jpg
[Respond.js_ Fast CSS3 Media Queries for Internet Explorer 6-8 and More]: /images/20220202/87fad4b1dda54d71893354b6e0c0451c.png
[Javascript-154 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-154.jpg
[Underscore.js]: http://documentcloud.github.com/underscore/
[Javascript-279 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-279.jpg
[Popcorn.js]: /images/20220202/c561c293b7bd4fbdb54c530205d9a0df.png
[Javascript-315 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-315.jpg
[SlickGrid]: https://github.com/mleibman/SlickGrid/wiki
[Js-004 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/js-004.jpg
[JavaScript InfoVis Toolkit]: http://thejit.org/
[Javascript-237 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-237.jpg
[Handlebars.js_ Minimal Templating on Steroids]: http://handlebars.strobeapp.com/
[Getting Started with Handlebars.js]: http://thinkvitamin.com/code/getting-started-with-handlebars-js/
[Javascript-280 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-280.jpg
[Backbone.js]: http://documentcloud.github.com/backbone/
[Javascript-313 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-313.jpg
[OpenFaces]: http://www.openfaces.org/
[Js-009 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/js-009.jpg
[d3.js]: http://mbostock.github.com/d3/
[Javascript-238 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-238.jpg
[Visual Event JS Library]: http://www.sprymedia.co.uk/article/Visual+Event
[Js-005 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/js-005.jpg
[Tempo_ JSON rendering engine]: http://twigkit.github.com/tempo/
[Js-002 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/js-002.jpg
[Art Deco _ Selectable Text]: http://manufacturaindependente.com/colorfont/
[Javascript-153 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-153.jpg
[Using Less.js to Simplify Your CSS3]: http://designshack.co.uk/articles/css/using-less-js-to-simplify-your-css3
[Javascript-175 in Useful JavaScript and jQuery Tools_ Libraries_ Plugins]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/04/javascript-175.jpg