比较流行的js框架

1.现在的JavaScript的框架都有那些,最流行的有那些啊

Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools . 在国内最流行和最常用的是Prototype 、Jquery 这两种(二者也经常被人拿来比较。)

这两者用的人比较多的是Jquery。 下面我主要说说yui,Prototype 、Jquery yui-ext (JS UI component): 基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。

真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree 控件、动态拖拽效果等等。

1.0 beta版开始同Jquery合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。 优点:结构化,类似于java的结构,清晰明了,底层用到了Jquery的一些函数,使整合使用有了选择,最重要的一点是界面太让让人震撼了。

缺点:太过复杂,整个界面的构造过于复杂。 Jquery : jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标, 优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext 重用了很多jQuery的函数 缺点:据说太嫩,历史不悠久。

文章出处:。

2..JS有哪些框架

目前来看,JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx Dojo (JS library and UI component ): Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。

dojo很想做一个“大一统”的 工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛 应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织 方式。

用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容标准的界面。

优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持 缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。 Prototype (JS OO library): 是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样 的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 Scriptaculous 实现一些JS组件功能和效果。

优点:基本底层,易学易用,甚至是其他一些js特效开发包的底层,体积算是最小的了。 缺点:如果说缺点,可能就是功能是他的弱项 Scriptaculous (JS UI component based on prototype): Scriptaculous是基于prototype.js框架的JS效果。

包含了6个js文件,不同的文件对应不同的js效果,所以说,如果底层用 prototype的话,做js效果用Scriptaculous那是再合适不过的了,连大名鼎鼎的digg都在用他,可见不一般 优点:基于prototype是最大的优点,由于使用prototype的广泛性,无疑对用户书锦上添花,并且在《ajax in action》中就拿Scriptaculous来讲述js效果 缺点:刚刚兴起,需要时间的磨练 yui-ext (JS UI component): 基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件 能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。

许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree 控件、动态拖拽效果等等。1.0 beta版开始同Jquery合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。

优点:结构化,类似于java的结构,清晰明了,底层用到了Jquery的一些函数,使整合使用有了选择,最重要的一点是界面太让让人震撼了。 缺点:太过复杂,整个界面的构造过于复杂。

Jquery : jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标, 优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext 重用了很多jQuery的函数 缺点:据说太嫩,历史不悠久。 Mochikit : MochiKit自称为一个轻量级的js框架。

MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便,能够以比原始 JavaScript 更友好的方式处理 DOM 对象。

MochiKit.DOM 大部分都是针对 XHTML 文档定制的,如果与 MochiKit 和 Ajax 结合在一起,使用 XHTML 包装的微格式尤其方便。Mochikit可以直接对字符串或者数字格式化输出,比较实用和方便。

它还有自己的 js 代码解释器 优点:MochiKit.DOM这部分很实用,简介也是很突出的 缺点:轻量级的缺点 mootools : MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。

Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。

比如增加了动画特效、拖放操作等等。 优点:可以定制自己所需要的功能,可以说是prototypejs的增强版。

缺点:不大不小,具体应用具体分析 moo.fx : moo.fx是一个超级轻量级的javascript特效库(7k),能够与prototype.js或mootools框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何HTML元素的CSS属性,包括颜色。

它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。

优点:小块头有大能耐 缺点:这么小了,已经不错了。

3..JS有哪些框架

目前来看,JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fxDojo (JS library and UI component ):Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。

dojo很想做一个“大一统”的 工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛 应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织 方式。

用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容标准的界面。

优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。Prototype (JS OO library):是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样 的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 Scriptaculous 实现一些JS组件功能和效果。

优点:基本底层,易学易用,甚至是其他一些js特效开发包的底层,体积算是最小的了。缺点:如果说缺点,可能就是功能是他的弱项Scriptaculous (JS UI component based on prototype):Scriptaculous是基于prototype.js框架的JS效果。

包含了6个js文件,不同的文件对应不同的js效果,所以说,如果底层用 prototype的话,做js效果用Scriptaculous那是再合适不过的了,连大名鼎鼎的digg都在用他,可见不一般优点:基于prototype是最大的优点,由于使用prototype的广泛性,无疑对用户书锦上添花,并且在《ajax in action》中就拿Scriptaculous来讲述js效果缺点:刚刚兴起,需要时间的磨练yui-ext (JS UI component):基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件 能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。

许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree 控件、动态拖拽效果等等。1.0 beta版开始同Jquery合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。

优点:结构化,类似于java的结构,清晰明了,底层用到了Jquery的一些函数,使整合使用有了选择,最重要的一点是界面太让让人震撼了。缺点:太过复杂,整个界面的构造过于复杂。

Jquery :jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标,优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext 重用了很多jQuery的函数缺点:据说太嫩,历史不悠久。Mochikit :MochiKit自称为一个轻量级的js框架。

MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便,能够以比原始 JavaScript 更友好的方式处理 DOM 对象。

MochiKit.DOM 大部分都是针对 XHTML 文档定制的,如果与 MochiKit 和 Ajax 结合在一起,使用 XHTML 包装的微格式尤其方便。Mochikit可以直接对字符串或者数字格式化输出,比较实用和方便。

它还有自己的 js 代码解释器优点:MochiKit.DOM这部分很实用,简介也是很突出的缺点:轻量级的缺点mootools :MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。

Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。

比如增加了动画特效、拖放操作等等。优点:可以定制自己所需要的功能,可以说是prototypejs的增强版。

缺点:不大不小,具体应用具体分析moo.fx :moo.fx是一个超级轻量级的javascript特效库(7k),能够与prototype.js或mootools框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何HTML元素的CSS属性,包括颜色。

它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。

优点:小块头有大能耐缺点:这么小了,已经不错了。

4.JS有哪些框架

Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx。

1. 简介:js框架就是将常用的方法进行封装,方便调取使用。

2. Dojo:Dojo是一个用javascript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib,f(m)),这也是为什么叫它a"unified"toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些,长期存在、历史问题(historical problems with DHTML)。跨浏览器问题。

3. Scriptaculous :scriptaculous是在javascrīpt程序库prototype之上构建的,能提供Ajax支持,主要致力于提供高交互性可视化组件,提升Ajax应用层次。在HTML页面中需要引用prototype和scrīptaculous程序库。scrīptaculous中的视觉特效可应用于任何DOM元素,不管元素是什么显示类型,它都够工作。要应用一个特效,需要创建一个Effects特定方法的新实例,然后将要更新的元素作为参数传入。 scrīptaculous实现把拖放组件分成两个部分,也可以使某个元素能够拖动,但不必为其提供一个放的位置。创建一个Draggable类的实例,将要支持拖动操作的元素及相关选项传入。

4. Prototype :在JavaScript中,prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。

5. Jquery:jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

6. mootools :MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架。它为web开发者提供了一个跨浏览器js解决方案。在处理js、css、html时候。

比较流行的js框架

转载请注明出处JS代码网 » 比较流行的js框架

资讯

js如何判断输入的是数字和字母

阅读(11)

本文主要为您介绍js如何判断输入的是数字和字母,内容包括js判断字符串中是否有数字和字母,JS判断用户输入是否为中文的代码怎么写呢?,C#怎么判断输入内容是否为数字。问题分析:在JavaScript脚本语言中判断一个字符串中是否即包含数字亦包含

资讯

我的世界pe终极菜单js

阅读(6)

本文主要为您介绍我的世界pe终极菜单js,内容包括我的世界pe的一键生成js怎么做?,我的世界pe枪械js的使用方法,就是把材质包,音效包放到那里?爱问,我的世界pe方块启动器js代码怎么?爱问知。先科普下MBTI是什么? 很多人以为MBTI就只是一个性格

资讯

我的世界ios装js

阅读(8)

本文主要为您介绍我的世界ios装js,内容包括我的世界ios系统怎么用js?,我的世界ios系统怎么用js?,我的世界手机版iOS版怎么装js。想要正确的在MinecraftPE装载JS,请按以下步骤进行:首先,确定所装载的JS适用于何种版本的MinecraftPE,如果JS与M

资讯

js获取div里的html

阅读(6)

本文主要为您介绍js获取div里的html,内容包括JS获取网页中HTML元素的几种方法分析,js获取html标签,js获取div内容。常用以下几种方式:<div id="mued" class="mued"></div><script>//通过DOM标签获取,会选择页面

资讯

js获取滚动条距离页面底部的高度

阅读(6)

本文主要为您介绍js获取滚动条距离页面底部的高度,内容包括js怎么获取滚动条到底部的距离,js如何获取滚动条的高度,高手请进js如何获得页面浏览器滚动条的高度值,并赋值给html页。如果使用jquery的话,可以这样写:$(window).bind("scroll", func

资讯

js中的模式对话框返回值

阅读(7)

本文主要为您介绍js中的模式对话框返回值,内容包括javascript函数怎么返回值,JS代码实现在打开的窗口中返回数据的例子?,javascript模式对话框和非模式对话框是什么?。JS代码实现在打开的窗口中返回数据【实例描述】当打开窗口后,客户端已经

资讯

js中需要转义的字符

阅读(5)

本文主要为您介绍js中需要转义的字符,内容包括js怎么使用转义字符,js什么情况下要用到转义符?,js怎么使用转义字符。JScript 提供了一些特殊字符,允许在字符串中包括一些无法直接键入的字符。每个字符都以反斜杠开始。反斜杠是一个转义字符,

资讯

js求21000以内的质数

阅读(7)

本文主要为您介绍js求21000以内的质数,内容包括使用JavaScript求1000以内的质数,使用JavaScript求1000以内的质数,怎么用javascript求质数。function getNum(MaxNum ){var count = 1; var PrimeArys = [2];var Prim

资讯

js删除files内的文件

阅读(4)

本文主要为您介绍js删除files内的文件,内容包括360jsFiles,是什么文件,我的共享里面里面是空的,可以删除吗?,怎样删除C:ProgramFiles下的文件夹?每次删除都提示正,谁告诉我怎么删C盘里除了系统文件以外的东西救命?谁告诉我怎么删。删除文件

资讯

js计算li之前的高度

阅读(6)

本文主要为您介绍js计算li之前的高度,内容包括js中怎么获取当前li之前的所有li的宽度和(),关于篮球的一些详细规则,计算器使用JS代码如下,请高手做个连等功能?连等功能就是,比如。基本规则一: 1.比赛方法 一队五人,其中一人为队长,候补球员最

资讯

js删除上传的文件格式

阅读(6)

本文主要为您介绍js删除上传的文件格式,内容包括javascript获取上传的文件名,去掉文件的后缀名,清空上传控件内容JS代码怎么写?,我能删除自己上传的文件麽。【实例代码】html xmlns=http://www。w3。org/1999/xhtml headtitle标题页-学无忧

资讯

js取对象数组的差集

阅读(6)

本文主要为您介绍js取对象数组的差集,内容包括JS求数组差集的几种方法,JS求数组差集的几种方法,在JavaScript中,如何求出两个数组的交集和差集?。第一种:如果不考虑IE8的兼容性完全可以使用 ,此方法求出

资讯

js修改服务器控件的值

阅读(5)

本文主要为您介绍js修改服务器控件的值,内容包括javascript如何修改服务器控件的属性值?,JavaScript如何实现改变服务器控件的值,asp服务器控件回传要刷新,javascript如何修改服务器控件的属性值?。javascript操作服务器控件主要是看服务器

资讯

js获取元素的类型吗

阅读(6)

本文主要为您介绍js获取元素的类型吗,内容包括js获取元素是text类型吗,在javascript程序中,获取元素的标准方法,js如何获取class的元素不能用jq<br/1br/>2。1.function (n) {2. var classElements = [],allE

资讯

js如何判断输入的是数字和字母

阅读(11)

本文主要为您介绍js如何判断输入的是数字和字母,内容包括js判断字符串中是否有数字和字母,JS判断用户输入是否为中文的代码怎么写呢?,C#怎么判断输入内容是否为数字。问题分析:在JavaScript脚本语言中判断一个字符串中是否即包含数字亦包含

资讯

我的世界pe终极菜单js

阅读(6)

本文主要为您介绍我的世界pe终极菜单js,内容包括我的世界pe的一键生成js怎么做?,我的世界pe枪械js的使用方法,就是把材质包,音效包放到那里?爱问,我的世界pe方块启动器js代码怎么?爱问知。先科普下MBTI是什么? 很多人以为MBTI就只是一个性格

资讯

我的世界ios装js

阅读(8)

本文主要为您介绍我的世界ios装js,内容包括我的世界ios系统怎么用js?,我的世界ios系统怎么用js?,我的世界手机版iOS版怎么装js。想要正确的在MinecraftPE装载JS,请按以下步骤进行:首先,确定所装载的JS适用于何种版本的MinecraftPE,如果JS与M

资讯

js获取div里的html

阅读(6)

本文主要为您介绍js获取div里的html,内容包括JS获取网页中HTML元素的几种方法分析,js获取html标签,js获取div内容。常用以下几种方式:<div id="mued" class="mued"></div><script>//通过DOM标签获取,会选择页面

资讯

js获取滚动条距离页面底部的高度

阅读(6)

本文主要为您介绍js获取滚动条距离页面底部的高度,内容包括js怎么获取滚动条到底部的距离,js如何获取滚动条的高度,高手请进js如何获得页面浏览器滚动条的高度值,并赋值给html页。如果使用jquery的话,可以这样写:$(window).bind("scroll", func

资讯

js中的模式对话框返回值

阅读(7)

本文主要为您介绍js中的模式对话框返回值,内容包括javascript函数怎么返回值,JS代码实现在打开的窗口中返回数据的例子?,javascript模式对话框和非模式对话框是什么?。JS代码实现在打开的窗口中返回数据【实例描述】当打开窗口后,客户端已经

资讯

js中需要转义的字符

阅读(5)

本文主要为您介绍js中需要转义的字符,内容包括js怎么使用转义字符,js什么情况下要用到转义符?,js怎么使用转义字符。JScript 提供了一些特殊字符,允许在字符串中包括一些无法直接键入的字符。每个字符都以反斜杠开始。反斜杠是一个转义字符,

资讯

js中获取地址栏的参数

阅读(5)

本文主要为您介绍js中获取地址栏的参数,内容包括如何通过js获取地址栏中传递的参数,如何通过js获取地址栏中传递的参数,js如何获取地址栏的参数。我下面的JS代码可以在浏览器上输出所有的参数和值,没有参数的时候输出“没有参数”: <script l