今天上了下mootools的主站,发现1.1 released。
看了一下,主要的新特性如下:
一.更快的速度,兼容性和全方位优化
mootools在速度上面进行了很大的优化,比较突出的是在CSS选择器方面(不仅仅在实现逻辑方面进行优化,XPATH被在所有支持的浏览器中启用 )
二.更加新颖的事件系统
1.自定义事件:提供了一套api来提供定义自定义事件。比如mootools自带的mouseenter,mouseleave,domready就是这类自定义事件。
2.Element::cloneEvents提供了事件的复制
如:note.clone().cloneEvents(note); //复制note对象并且把原来note对象上的事件监听也复制过去
三.提供更多的Element的方法及新的Element构造方式。
例如新的构造Elment如下:
js 代码
- var note = new Element('div', ...{
- 'id': 'note',
- 'class': 'note',
- 'styles': ...{
- 'left': 15,
- 'top': 15
- },
- 'events': ...{
- 'click': noteConfirm,
- 'mouseover': noteShowMore
- }
- });
对比原先的功能对等的构造方式:
js 代码
- var note = new Element('div').addClass('note').setProperty('id', 'note').setStyles(...{
- 'left': 15,
- 'top': 15
- }).addEvents(...{
- 'click': noteConfirm,
- 'mouseover': noteShowMore
- });
*新方法:
Element::set - 功能如同新的构造方法的第二个参数一样,可以给Element添加各种属性
Element::hasChild - 判断是否内部含有所给出的子元素
*改进的方法:
Element::setStyle - 对于没有明确给出单位的数值型值,将默认为单位是'px'
Element::adopt - 新版本支持多个元素(这个非常不错,很方便)
四.元素过滤器
利用新的元素过滤器,可以对使用$$得到的元素进行进一步的归纳。这些将不需要Element.Selectors,而只使用原生的tag名选择过滤方法(应该速度上快一点吧)
一下例子中将不会用到Element.Selectors:
$('div').filterByClass('myClass');
而这个会用到:
$('div.myClass');
更真实的例子:
$('myElement').getChildren().filterByClass('myClass');
五.更加完善的Ajax功能
基本的Ajax实现逻辑从Ajax类中转入到了XHR类中了。
其他提供的一些更加强大的方法:
Ajax::cancel - 可中断正在执行的请求。如果启用了‘autoCancel’选项,则当发出新的请求的时候自动中断当前请求
Ajax::evalScripts - 加强了全局的eval及自动执行Content-Type为javascript的返回内容
postBody选项更名为data,因为现在XHR可以分别接受get和post方法提交的数据
六.Hash.Cookie和Group
Hash.Cookie是一个扩展的Hash类,它可以自动或手工的保存或加载在Cookie中以JSON格式存储的数据
Group - 可以对元素和事件进行分组处理的类(用法可以参见我前面的文章)
七.工具集
1)新或增强的工具方法:
$defined , $time , $type
2)新的Array方法:
Array::getLast , Array::getRandom , Array::merge ,Array::include
3)新的String方法:
String::contains , String::escapeRegExp
4)新的Number方法:
Number::times(好Ruby啊!) , Number::limit , Number::round
5)浏览器检测
加入了window.webkit419 , window.webkit420,而window.khtml已经被作为过期api
八.增强的垃圾收集机制
九.其他的增强
1)Accordion::addSection可以用来在向一个已经创建的Accordion中添加更多的元素
2)Sortables变得更加稳定,以及不依赖于Drag.Move
3)新的Fx.Transtions,它已经变得更加的可配置
4)Fx.Slide允许border和margin
5)Element::getStyle现在已经全面支持padding/margin/border(包括针对IE的width/height的修正)
十.变更的API
一些过期的api在v1.1中还是能用,但是,在v1.2中将作删除。
1.Ajax的postBody变更为data
2.Array::test被Array::contains替代
3.Object.extend,Object.merge和Object.Native现在已经推荐使用$extend, $merge,$native
4.Window.onDomReady被作为过期API,取代它的是'domready'这个自定义事件,如:
window.addEvent('domready', fn).
5.Hash::each的功能行为已经变更成和$each所提供的功能等价的行为。
6.Hash::empty的功能变为清空所有hash键值(原来的功能是判断hash是否为空,现在等价的功能由Hash::length提供)。
7.window.khtml由window.webkit取代
分享到:
相关推荐
mootools 1.1 源码,带有详细的注释。
mootools 学习文档,适合开发人员随时查阅
mootools1.1.js
本文档是CSDN全站最新最全的mootools api文档,并且为chm格式,可直接打开。免去旧的参考文档以网页打开方式的不便,更提供方法索引和查询,实在是不可多得的好工具! 文档由官方原版英文镜像制作而成,另附...
mootools插件 1.5.1 最新版下载,目前,mootools插件的最新版本是1.5.1,这个插件实现的功能不亚于jquery,是一款同样优秀的js插件,为了大家方便,在此与大家分享,因为觉得官网下载的速度好慢啊,而且很多时候都是...
以前我自己用的都是mootools1.1的chm格式的文档 现在1.2版本已经出来了,到网上找不到chm的 只找了个html格式的 下载下来看了下,还可以 特来奉献给csdn的朋友 注:里面还有mootools官网上面的demo一起打包了
mootools已经更新到了1.2版本 不过网上很多的手册多是1.1版本的 在1.2版本对于1.1版本有很多改变 所以对于想要学习和手头上还没有MOOTOOLS API的朋友 1.1版本已经不适合了 这个资源是MOOTOOLS 1.2 中文版手册 绝对...
资源名称:Mootools v1.1 中文文档 内容简介:Mootools v1.1 中文文档,小巧chm格式,内容十分丰富,阅读方便。内容涉及Mootools核心、Mootools类库、数组、对象、特效、Mootools拖动、远程操作、Windows系统相关等...
mootools,Javascript只能提示工具所必须的js文件
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...
mootools api mootools api 1.2 1.1两个版本
091111更新的。跨浏览器。 酷的一个JS窗体效果类似windows的窗口. Mocha UI,Web 2.0时代的用户界面库!
Jquery插件 1.jQuery UI Tabs 这个tab脚本已经绑定在jqueryUI库里,它有很多的配置项,比如你可以配置出可以滚动的tab,tab嵌套等等。 ...Sliding Tabs也是基于mootools1.1实现的,如果你是在使
MooTools 1.2 最新中文版手册
mootools框架入门教程mootools框架入门教程mootools框架入门教程
MooTools 帮助文档 api ajax
Joomla 自带JS库 Mootools API,推荐给Joomla爱好者
MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...
mootools与致力页面开发的朋友一起分享. 本资料适合于对mootools的学习并且可以mootools开发的参考资料