您的位置:首页 > 其它

Ext Core3.0 Beta发布了

2009-04-06 08:39 302 查看
为庆祝Ext发布了三周年,我们给出Ext Core 3.0 给大家下载。所谓ExtCore,那就是提供了一系列针对Web页面日常开发使用的这一个API,ExtCore采用MIT的许可,——该许可,,没啥大问题,直接用就是了。



创建富界面的这番过程,告诉了我们,在增强当前/新Web页面的时候,哪些功能是尤其有用的,有了这些经验的累积,我们把他们归纳出来便是ExtCore 部分。Ext Core相当于Ext JS 3.0的一个子集,在速度与文件体积上作了优化。这样,熟悉ExtJS的开发者就可以在他们的Web网页上发挥着他们已学会的技能。

Ext Core概述
Ext Core以定义良好的面向对象知识体系来划分其自身与其他JavaScript库的关系,让你的代码达至一种清晰、便于复用的效果。Ext Core提供了跨浏览器的抽象层面:

操控&遍历DOM

CSS管理

事件的处理

Ajax与JSON

动画

除了以上DOM层面的内容,Ext Core还包括了Ext JS原来一些有用的功能:

基于类的继承方案

观察者类

产生HTML标签与模板

时控代码

URL编码与解码

库大小
对于动态网页又或者小型一点的网页程序来说,ExtCore就是一个好选择。实不相瞒,我们搞来搞去、重构来重构去不就是为了那压缩比出来得好一点。考虑带有了这些功能在内,ExtCore已经小得不能再小了,压缩并且GZip过后大小是25kb左右。

Ext Core手册
另一方面我们从标准库划分开来的还有Ext Core的手册。它由Ext Core作者本身来写,还让社区一众高手过目一番,尽可能为初学者和老手都提供精致深入的用法指南。这本迷你书囊括了全部的类和类方法(A4->75页),并融合至API文档中。既然说到这里,我们还想鼓励每一位、包括Ext Js用户在内,都阅读一下这份手册,为的是,用起JavaScript与Ext更得心应手。

Ext Core的例子
为演示ExtCore能力,我们团队在页面上就做了几款相当有用的扩展来说明问题。希望方便您在创建自己的扩展的时候参考一下。既然有了体积不大的ExtCore,直接嵌入在贵博客就可以。下面这些例子都可以顺便分享。

DomQuery与CompositeElementLite
DomQuery提供高性能、基于选择符(Selector)的元素定位,支持大多数CSS规范的选择符、自定义选择符和简单的XPath。一个常见的例子就是控制一群DOM元素的时候。利用CompositeElementLite处理集合元素时允许我们好像单独一个元素那般处理。这里是加入样式的例子:

// 选取一群元素,这群元素中的每一个都加上“myCls”的样式
Ext.select('div:has(> span.someClass)').addClass('myCls');

// 选取一群元素,这群元素中的每一个都加上“myCls”的样式
Ext.select('div:has(> span.someClass)').addClass('myCls');


更简单的事件控制
Ext Core事件的抽象层解决了跨浏览器的难题和提供了制定事件的功能。统一地,它提供了诸如延时、缓冲、委托等配置项参数。如下例,我们点击了元素就触发这样的事件:

Ext.fly('elId').on('click', function(e, t){
// e是已作常规化的浏览器事件对象
// t是目标元素

// 通知用户事件的触发,更新id为log的元素的内容。
Ext.fly('log').update('你点击元素的id是' + t.id);
});

Ext.fly('elId').on('click', function(e, t){
// e是已作常规化的浏览器事件对象
// t是目标元素

// 通知用户事件的触发,更新id为log的元素的内容。
Ext.fly('log').update('你点击元素的id是' + t.id);
});


结束语
超过七万名注册会员的论坛,如此澎湃的激情使我们不得不再体现一下“a foundation you can buildon”意义所在。希望此核心库能去开拓越来越多的动态网页,做出活泼的应用而又是一段令人愉快的开发过程。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: