目前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有哪些框架?

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时候。

3.哪位有好的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整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。 优点:小块头有大能耐 缺点:这么小了,已经不错了。

4.javascript什么框架比好用

1. jQuery – Javascript框架 应用最广泛的JavaScript框架,jQuery插件非常之多,涉及LightBox灯箱插件、日期插件、图表插件等各种类型的插件不计其数,OsChina就收录了1000多款jQuery插件。

2. Dojo Javascript框架 Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。

Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB UI控件库。

DojoX包括一些创新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。3. Sencha Ext JS4 Javascript框架 Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。

是绘画、图表引擎,使用DOM-accessible JavaScript图表和矢量图。4. Prototype javascript框架 Prototype.js 是一个由Sam Stephenson写的JavaScript包。

这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端, 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。

5. Uize Javascript框架 UIZE免费使用、支持移动设备、可CSS更换皮肤。Java (Apache TomCat), C# (IIS / ASP.NET), Visual Basic (IIS / ASP), C/C++, Perl (Perl / Apache), PHP, Ruby (Ruby on Rails), Python, 等等,无论服务器端何种语言,均可使用。

具有大量的内置小工具,类似jQuery插件。6. Qooxdoo Javascript 框架 qooxdoo 是一个用于开发Ajax应用程序的GUI框架,使用它可以开发出类似于Window桌面风格的Web应用程序。

使用Qooxdoo并不需要你具备HTML, CSS 和 DOM 的知识。7. Zepo Javascript 框架 Zepto.js 是支持移动WebKit浏览器的JavaScript框架,具有与jQuery兼容的语法。

2-5k的库,通过不错的API处理绝大多数的基本工作。8. DHTMLX Touch Javascript 框架 它是针对移动和触摸设备的JavaScript 框架。

DHTMLX Touch基于HTML5,创建移动web应用。它不只是一组UI 小工具,而是一个完整的框架,可以针对移动和触摸设备创建跨平台的web应用。

它兼容主流的web浏览器,用DHTMLX Touch创建的应用,可以在iPad、iPhone、Android智能手机等上面运行流畅。9. YUI library Javascript 框架 Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。

它也包含了许多 CSS 资源。使用授权为 BSD许可证。

10. Archetype Javascript 框架 Archetype 是一个面向对象的 JavaScript 框架和 Ajax 框架。Archetype JavaScript 框架与Prototype有很多共同点。

它有一个独立的管理系统,能够只初始化页面需要的组件。而且Archetype强调代码易读性,和HTML/CSS/JavaScript分离的最优方法。

11. Rico Javascript 框架 Rico是一个开源的,基于现有的 Prototype、jQuery、MooTools、Dojo 等的 Ajax 框架,Rico 在这些 Ajax 框架的基础上实现了常用的网页应用效果,例如拖放等等功能。Rico 目前版本为2.0。

12. Script.aculo Javascript 框架 Script.aculo.us是一个支持多种浏览器、易于使用,用于增强Prototype的JavaScript框架。 script.aculo.us包含:动画框架(animation framework),拖放(drag and drop)等等。

13. Javascript MVC 框架 JavaScriptMVC 是一个 JavaScript 的 MVC 框架,通过它可以简化项目的开发,支持流行的各种浏览器。14. Spry Javascript 框架 Spry framework for Ajax是Adobe公司针对目前越来越流行的Ajax技术而推出自己的Ajax框架。

我粗看了一下Spry所做Demo实例,发现其秉承MM原来“方 便,简洁,易上手”的一贯风格,它在“数据”处理方面和Backbase的效果库做比较好!15. MooTools Javascript 框架 MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代 码。

Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计 也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等。

16. Sproutcore Javascript 框架 SproutCore是HTML5应用框架,可创建桌面级web应用,支持主流浏览器,无需依赖插件。

目前js最火的框架

转载请注明出处JS代码网 » 目前js最火的框架

资讯

js中获取和赋值的区别

阅读(5)

本文主要为您介绍js中获取和赋值的区别,内容包括HTMLJS取值和赋值,js解构赋值中,()与{}有什么区别,在asp中怎样获取js的值,并且赋值给变量<script?。简单理解:解构赋值的意思是对应的位置,对应的 key 自动赋值。使用 () 还是 {},要看你定义的函

资讯

js写原生的ajax过程

阅读(5)

本文主要为您介绍js写原生的ajax过程,内容包括使用原生javascript发送ajax请求的步骤,原生js实现ajax,原生ajax怎么实现的,如何使用原生js实现ajax请求。创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化2、确定发送方式和地址 xhr.

资讯

js中function函数的用法

阅读(6)

本文主要为您介绍js中function函数的用法,内容包括javascript中function方法,jsfunction定义函数的几种方法,javascript中的function用法。var asd=new Class("a");//你能new得出来?你new的对象就不是一个类你怎么去new?继承的话给你个例子var

资讯

js中单选框的值

阅读(6)

本文主要为您介绍js中单选框的值,内容包括javascript单选框取值,如何用js得到单选框的值,javascript单选框取值。radio要用name属性来获得值<br><input type="radio" name="radiobutton" value="a

资讯

js取数字的绝对值

阅读(5)

本文主要为您介绍js取数字的绝对值,内容包括javascript怎么取绝对值,怎样用javascript取数值,javascript的字符串转换问题有如下字符串:"if(0==。Abs 函数 返回数的绝对值。 And 运算符 执行两个表达式的逻辑连接。 Array 函数 返回含一数

资讯

js中的变量能缓存吗

阅读(5)

本文主要为您介绍js中的变量能缓存吗,内容包括JS能缓存页面么,如何设置JSCSS图片等静态资源的缓存过期时间?,js中,var修饰变量名,它可有可无吗?。在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不

资讯

js中变量作用域的特性

阅读(5)

本文主要为您介绍js中变量作用域的特性,内容包括js变量作用域,JavaScript中变量的作用域是怎样的?为什么变量可以先使用再声明,什么是JavaScript的变量作用域。用cookie存取全站公共变量是最方便的。function set_cookie(name,value){ docu

资讯

js的监听函数(JS如何实现方法监听?)

阅读(5)

本文主要为您介绍js的监听函数,内容包括JS如何实现方法监听?,JS如何实现方法监听?,javascript事件监听。监听方法在js中的实现如下:function addEventListener(string eventFlag, function e

资讯

函数中的变量js(js如何使用函数中的变量)

阅读(6)

本文主要为您介绍函数中的变量js,内容包括js如何使用函数中的变量,js在函数内部声明的变量叫什么,js函数名存为变量,见例子。js中,如果在方法内声明的变量,那么这个变量就是局部变量,只能在当前方法函数中调用如果是在方法外声明的变量,那么这

资讯

js中list中的array(java中的array与list有什么样的区别呢?)

阅读(7)

本文主要为您介绍js中list中的array,内容包括函数返回类型为arraylist在js中怎样转换为array数组类,javascript中的array对象属性及方法是什么?,javascript中Array()数组函数详解呢?。数组是 Java 语言内置的类型,除此之外, Java 有多种保存

资讯

js怎么限制div的字数(如何限制div显示的字数)

阅读(6)

本文主要为您介绍js怎么限制div的字数,内容包括如何限制div显示的字数,js控制div内的字数急!!!!!!!!,如何限制div显示的字数。可以, 方法如下width:50px; /*假设,5个字符的宽度是50*/white-space:nowrap; /*禁止换行*/tex

资讯

js中获取和赋值的区别

阅读(5)

本文主要为您介绍js中获取和赋值的区别,内容包括HTMLJS取值和赋值,js解构赋值中,()与{}有什么区别,在asp中怎样获取js的值,并且赋值给变量<script?。简单理解:解构赋值的意思是对应的位置,对应的 key 自动赋值。使用 () 还是 {},要看你定义的函

资讯

js写原生的ajax过程

阅读(5)

本文主要为您介绍js写原生的ajax过程,内容包括使用原生javascript发送ajax请求的步骤,原生js实现ajax,原生ajax怎么实现的,如何使用原生js实现ajax请求。创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化2、确定发送方式和地址 xhr.

资讯

js中function函数的用法

阅读(6)

本文主要为您介绍js中function函数的用法,内容包括javascript中function方法,jsfunction定义函数的几种方法,javascript中的function用法。var asd=new Class("a");//你能new得出来?你new的对象就不是一个类你怎么去new?继承的话给你个例子var

资讯

js中单选框的值

阅读(6)

本文主要为您介绍js中单选框的值,内容包括javascript单选框取值,如何用js得到单选框的值,javascript单选框取值。radio要用name属性来获得值<br><input type="radio" name="radiobutton" value="a

资讯

js取数字的绝对值

阅读(5)

本文主要为您介绍js取数字的绝对值,内容包括javascript怎么取绝对值,怎样用javascript取数值,javascript的字符串转换问题有如下字符串:"if(0==。Abs 函数 返回数的绝对值。 And 运算符 执行两个表达式的逻辑连接。 Array 函数 返回含一数

资讯

js中的变量能缓存吗

阅读(5)

本文主要为您介绍js中的变量能缓存吗,内容包括JS能缓存页面么,如何设置JSCSS图片等静态资源的缓存过期时间?,js中,var修饰变量名,它可有可无吗?。在header中给静态内容添加一个较长的过期时间,这样可以使用户今后访问只读取缓存中的文件,而不

资讯

js中变量作用域的特性

阅读(5)

本文主要为您介绍js中变量作用域的特性,内容包括js变量作用域,JavaScript中变量的作用域是怎样的?为什么变量可以先使用再声明,什么是JavaScript的变量作用域。用cookie存取全站公共变量是最方便的。function set_cookie(name,value){ docu

资讯

js修改div下的iframe

阅读(3)

本文主要为您介绍js修改div下的iframe,内容包括JavaScript如何修改页面中iframe的属性值,js怎样修改iframe的属性值,如何实现iframe的形式?用div,dom,js..如何实现i。页面一刷新,所有JS对页面做的修改都会恢复的,如果楼主想让浏览器记住JS设