Ext Core 3.0 Beta 发布

Posted 周一, 04/06/2009 - 13:52 by admin

为庆祝Ext发布了三周年，我们立即释出Ext Core 3.0给大家下载，——“共襄盛事”。所谓ExtCore，那就是提供了一系列针对Web页面日常开发使用的这一个API，ExtCore采用MIT的许可，——该许可，，没啥大问题，直接用就是了。
177,168
创建富界面的这番过程，告诉了我们，在增强当前/新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编码与解码

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

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

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

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

// 选取一群元素，这群元素中的每一个都加上“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);    

});

结束语
超过七万名注册会员的论坛，如此澎湃的激情使我们不得不再体现一下“a foundation you can buildon”意义所在。希望此核心库能去开拓越来越多的动态网页，做出活泼的应用而又是一段令人愉快的开发过程。

广告合作

Sencha相关书籍

导航

聚合

Ext Core 3.0 Beta 发布

相关文章