Javascript框架，你常用其中的几个？

来源：互联网发布：mac 画系统架构图软件编辑：程序博客网时间：2024/05/22 00:20

以下十个十大Javascript框架，你常用其中的几个？

1. script.aculo.us (http://script.aculo.us/)

URL: http://script.aculo.us/.
文档: http://wiki.script.aculo.us/.
注释: script.aculo.us不是自己独立的framework，而是Prototype的附加组件。
“script.aculo.us能为你提供使用简单、跨浏览器用户接口的JavaScript库，它让你的网站和程序如虎添翼。”

2. Prototype (http://www.prototypejs.org/)

URL: http://www.prototypejs.org/.
Blog: http://www.prototypejs.org/blog.
文档: http://www.prototypejs.org/learn.

“Prototype是让动态web程序开发更加简单的JavaScript framework。它为class-driven开发提供了独特简单的工具箱，并以目前最好的Ajax库著称。Prototype正在迅速成为每位web程序开发者的codebase of choice。”

3. Moo Tools [/size](http://www.mootools.net/)

URL: http://www.mootools.net/.
Blog: http://blog.mootools.net/.
文档: http://docs.mootools.net/.
演示:http://demos.mootools.net/.

“MooTools是精简而模式化的面向对象JavaScript framework，它专为从中级向高级迈进的JavaScript开发者设计。在它优雅、详细并且流畅的API帮助下，你能够写出强大、灵活、可跨浏览器使用的代码。”

4. jQuery (http://jquery.com/)

URL: http://jquery.com/.
Blog: http://jquery.com/blog/.
文档: http://docs.jquery.com/.

“jQuery是一个快速、简洁的JavaScript库，能够简化阅读HTML文档、处理事件、实现动画以及向网页添加Ajax互动等过程。jQuery改进了你编写JavaScript的方式。”

5. MochiKit (http://www.mochikit.com/)

URL: http://www.mochikit.com/.
Blog: http://www.mochikit.com/blog.html.
文档: http://www.mochikit.com/doc/html/MochiKit/index.html.
演示:http://www.mochikit.com/demos.html.

“MochKit-让JavaScript不那么差劲了。”

6. Rialto (http://rialto.improve-technologies.com/wiki/)

URL: http://rialto.improve-technologies.com/wiki/.
Blog: 无
文档: http://rialto.improve-technologies.com/js/doc/.
演示:http://rialto.improve-technologies.com/rialto/.

“Rialto (Rich Internet Application Toolkit)是基于Ajax的跨浏览器Javascript小型工具集。”

7. Dojo Toolkit (http://dojotoolkit.org)
URL: http://dojotoolkit.org/about.
Blog: http://dojotoolkit.org/blog.
文档: http://dojotoolkit.org/docs.
演示:http://dojotoolkit.org/demos.

“Dojo是用JavaScript编写的一款开源的DHTML工具箱。Dojo解决了DHTML部分历史遗留问题，这些问题曾让大量动态web程序开发无法实现。”

8. Spry Framework (http://labs.adobe.com/technologies/spry/)

URL: http://labs.adobe.com/technologies/spry/.
Blog: 无
文档: http://www.adobe.com/go/labs_gnav_wiki.
演示:http://www.adobe.com/go/labs_gnav_showcase.

“为Ajax设计的Spry framework是一个能提供简单而强大Ajax功能的JavaScript库，它令开发者能开发出让用户有更丰富体验的页面。它还可以使Ajax的复杂度降低，以便设计师更为简单的创建Web2.0页面。”

9. ASP.NET Ajax Framework (http://asp.net/ajax/)

URL: http://asp.net/ajax/.
Blog: 无
文档: http://asp.net/ajax/documentation/.
演示:http://asp.net/ajax/showcase/.

“ASP.NET AJAX是一款免费框架，能让你在各种流行浏览器上快速创建有效而互动的Web程序。”
10. Cean Ajax Framework (http://sourceforge.net/projects/clean-ajax/)
URL: http://sourceforge.net/projects/clean-ajax/.
Blog: 无
文档: http://sourceforge.net/docman/?group_id=145307.

“简单易用的AJAX 框架，能提供消息排序, XSLT, XPath, 加密软件 (SHA1, MD5), Web服务入口 (SOAP, XMLRPC), JSON-RPC, 跨浏览器 AJAX以及 AJAX历史及缓存控制。”等功能。

YUI(Yahoo! User Interface Library)

Yahoo! User Interface (YUI) Library是一组采用DOM scripting，Dhtml和Ajax等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。

Yui 工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和AJAX的特性开发所有的Web程序。
YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷新。

jQuery用的比较多，其中几个库我制作了免费电子书，与大家分享：

Free Dojo eBook:
http://www.heronote.com/files/Dojo.htm

Free jQuery eBook:
http://www.heronote.com/files/jQuery.htm

Free MooTools eBook:
http://www.heronote.com/files/MooTools.htm

Free Prototype eBook:
http://www.heronote.com/files/Prototype.htm

Free Spry eBook:
http://www.heronote.com/files/Spry.htm

ExtJS

ExtJS是一个跨浏览器，用于开发RIA（Rich iInternet Application）应用的JavaScript框架。提供：高性，可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。

JavaScript 库：处理图形:网络拓扑图\地图\统计报表图\... ...

因为Google Map项目的需要,最近一直在寻求相关的Javascript图形库,在尝试用Google Map API提供的javascript接口绘图时发现其效果和效率都不太理想,同时也用过jsgraphics库,也不是很好.又在网上找到了下面几个.

mxGraph

mxGraph是一款基于web的绘制流程图的javascript库工具，虽然目前还尚未提供注册，不过好在mxGraph已经放出了demo，可以先去尝鲜一下，虽然还有很多功能不是那么的完善。

更多mxGraph信息

JavaScript图像处理 ImageFX

该 JavaScript 库为图片添加效果，如虚化，锐化，浮雕，加亮等。ImageFX 使用画布对象实现这些效果，兼容所有主流浏览器。这个库非常容易使用，只要将 .js 库文件插入网页，调用那些函数即可。

更多ImageFX信息

JSXGraph(强烈推荐这个,非常不错,这个库非常完善)

JSXGraph 是一个支持各种浏览器的交互式几何图库绘制。JSXGraph 使用 SVG 和 VML.

http://jsxgraph.uni-bayreuth.de/wiki/index.php/Main_Page这是其帮助文档Wiki

更多JSXGraph信息

JavaScript图像处理 Pixastic

Pixastic 使用 HTML5 画布对象，允许对原始像素进行操作。效果包括去饱和度，灰度级，反转，亮度，对比度调整，色调，饱和度调整，以及浮雕，虚化等效果。因为用到了 HTML 5 的画布对象，因此还无法兼容所有浏览器。

更多Pixastic信息

BINViz

BINViz(Bidirectional Interactive Network Visualization) is a JavaScript library for network and graph visualization. The goal of this tool is to provide a better way to visualize complex graphical models and the underlying data in a web-based environment ...

更多BINViz信息

jcharfx:

http://www.jchartfx.com/

另外,又在网上找到了这么一段,

如果我们想用javascript画图，当前可以通过什么途径实现呢？首先咱们先说好，jfreechart那种后台生成图片发送到前台的方法就不要包括进来了，我们就排列一下html+js进行画图的方式。
1.使用浏览器支持的图形引擎，比如ie下的vml，firefox,opera,safari支持的svg或者canvas。
2.http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm，这是一个相当纯正的js图形库，它特立独行的地方就是：“完全使用div来画图。”
3.http://excanvas.sourceforge.net/，google提供的工具库，可以在ie下使用vml模拟其他浏览器上canvas的api。
4.http://dojotoolkit.org/，宣传火暴的dojo提供一套2d和3d的图形api，会自动根据浏览器在vml,svg,canvas之间进行切换。
5.http://prototype-graphic.xilinus.com/这也是一套根据浏览器自动切换实现方式的图形api。
6.http://www.lutanho.net/svgvml3d/index.html还有这个，是专门用svg和vml实现3d效果的。

BINViz: