为什么会有jQueryDojoExtPrototypeYUIZepto这么多JS包？

Posted 2020-08-21 cc_ccc

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为什么会有jQueryDojoExtPrototypeYUIZepto这么多JS包？相关的知识，希望对你有一定的参考价值。

目前流行的JS框架很多Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx 等。当然还有很多我都不熟悉的框架，就没有列举。

很多人会在坛子里问，到底哪个框架好呢？哪个框架更牛x呢？哪个框架OO 更舒服呢？

个人觉得，这是一个新手很容易犯的错误逻辑。世界上任何东西，任何工具，都没有最好的这一个说法，只有适合和不适合。

我们要根据我们项目的真实需要来选择具有相关特性的框架。

一、JQuery
推荐级别：五星级
使用场景：任意
下载地址：jQuery 或google搜 jquery下载
推荐原因：目前来说我使用最多的框架，也是我个人最推荐的一个。具体好在哪呢？ 1.小 2.简单. (学习成本低，但成效高，手册有足够清晰的例子让你从0到项目完成) 3.内部结构好，开源，侧重逻辑 4.对DOM选择强大（其实，JS大多时候是在处理DOM）5.UI扩展好 (这里要提到的就是 Jquery tools和 Jquery UI，大家可以去搜搜看这两个Jquery的扩展UI，你会发现ui原来如此简单，也是因为ui的可扩展性，所以他相对于其他框架毫不逊色)。

二、Extjs
下载地址：html5 App Development for Desktop and Mobile. javascript Frameworks and Dev Tools from Sencha.
使用场景：内部系统、后台系统、管理系统等。
推荐级别：四星
推荐理由：Extjs有着非常牛逼的UI设计。设计思想：100%面向对象和组件化的思想，推进RIA（Rich Internet Application）的应用。所以当你做像后台管理，企业内部流程，或其他管理系统的时候，这个东西无疑是你的最佳选择。为什么呢？因为它几行代码就可以生成非常漂亮的全界面UI，功能强大，样式可选。做过一个CMS的后台和一个企业内部的系统都是用这个做的，节省了很多人力和时间，而且广受好评。但是有缺点：在一个页面加载很多tab的时候，js可能会要同时下载若干个文件。简单说就是js会比较大！稍复杂，为重量级的框架（包含大量UI），体积大。如果导入ext-all.js，压缩后也有近500k。 但对于后台管理和企业内部系统来说，这个会成为瓶颈。

三、YUI
下载地址：YUI Library
推荐级别：4星
推荐理由：YUI这个框架我只研究过，但没用在项目中独立使用过。大多是进入项目后，前辈们使用了YUI，然后我们在后续开发中延续了之前的角色而已。很久以前版本的QQ硬盘、mop的某些模块使用过的，但现在就是很清楚哪些人还在用了。YUI和Extjs有点相似，UI方面有很多优势。
使用场景：拆分YUI的各个模块，对不同需求采用yui中的某部分来填充到自己的模块中。或者是类似于网盘应用这种东东。

四、Dojo
下载地址：Unbeatable JavaScript Tools
推荐级别：四星
推荐理由：Dojo是功能最为强大的javascript框架，刻意提醒一下：功能最强大。所以它几乎包含了所有你可能想要用到的东西。 Dojo更适合企业应用和产品开发的需要，因为离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的（当然这些组件还要等一段时间才能稳定下来）。例如，BEA基于Mashup技术开发的产品中已经使用了Dojo。优点：背后强大的支持，IBM、Sun、BEA等，这是非常重要的优势；面向对象的设计、统一的命名空间、包管理机制、可扩展性。但是但是，我们是否需要这些功能？做 web2.0产品是有要这么大的东东？这个按照你自己的需求来。 而且Dojo缺点很明显，太大，功能太多，复杂，学习曲线太陡；文档的极端不全，API很多不稳定，这是很大的问题；侵入性太大，页面中大量使用Dojo属性，例如<button dojoType="dijit.form.Button" id="helloButton">，如果将来dojo升级或者换一个框架时，负担会很大；性能问题，由于dojo加载采用了同步的机制，会暂时锁定浏览器，导致CPU使用率达到100%，另外，很多组件（Widget）的速度很慢。但是它做企业应用的话，那简直是如鱼得水。这也是IBM等公司招聘的时候，把Dojo和学习Dojo放在第一位的原因。

五、Prototype
最成熟的。但个人认为可以被Jquery取代。两者相似度也比较高。这里就不多说。

六、Mootools
下载地址：MooTools - a compact javascript framework
推荐级别：4星
推荐理由：OO（面向对象）设计思想。模块化强，耦合度比较低。优点：模块化，各模块代码非常独立，最小的核心只有8k，最大的优点是可以选择使用哪些模块，用的时候只要导入模块就行，完整的补刀180k，压缩后补刀70k；语法简洁直观；特效（effects）比jQuery稍强，现在也在开发Mootools UI。缺点：修改了底层的一些类，如Array、String等，这也是设计思想的不同；在DOM和css selector上不如jQuery强大。

总结

轻量级的选择：

主要是mootools和jquery，

由于它们的设计思想的不同，jQuery是追求简洁和高效，Mootools除了追求这些目标以外，其核心在于面向对象，

所以jQuery适合于快速开发，Mootools适合于稍大型和复杂的项目，其中需要面向对象的支持；

另外，在Ajax的支持上，jQuery稍强一些；在Comet的支持上，jQuery有相关的插件，

Mootools目前没有，但是Comet的核心在于服务器的支持，浏览器端的接口很简单，开发相关的插件很简单。

在面向对象的Javascript Library中，mootools逐渐战胜了prototype（体积大，面向对象的设计不合理等），也包括script.acul.ous（基于prototype，实际上就是prototype上的UI库）。

面向RIA的框架

考虑纯JavaScripty库，目前主要是Dojo和ExtJS（还有YUI）。

Dojo更适合企业应用和产品开发的需要，因为离线存储、DataGrid、2D、3D图形、Chart、Comet等组件对于企业应用来说都是很重要的（当然这些组件还要等一段时间才能稳定下来）。例如，BEA基于Mashup技术开发的产品中已经使用了Dojo。

ExtJS：美观和"易用"，并且足够强大。在对UI有比较大的需求时，是首选。