ExtJS -> core/Ext.js(1)

本文深入探讨了Ext.js框架的核心组成部分,包括其基本结构、关键方法如apply的应用,以及如何通过Ext来扩展JavaScript原生对象的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如果直接看EXT的一些实例代码,也许可以依画葫芦,做出几个效果,但自己绝对也摸不着什么头脑。所以打算从它的内核开始学起,按顺序今天先学Ext.js。

这应该是ExtJS核心的核心,看起来有点晕,先列一下大钢,以后慢慢学

1、定义了一个对象Ext
Ext = {version: '*.*'};
2、给Ext添加一个appay方法,注释是Copies all the properties of config to obj.拷贝所有的c属性到obj对象
Ext.apply = function(o, c, defaults){

    ...

};
3、执行一个匿名函数,用来附于Ext一系列的属性和方法。
(function(){

    ...

    // in intellij using keyword "namespace" causes parsing errors

    Ext.ns = Ext.namespace;

})();

4、初始化一系列命名空间
Ext.ns("Ext", "Ext.util", "Ext.grid", "Ext.dd", "Ext.tree", "Ext.data",

                "Ext.form", "Ext.menu", "Ext.state", "Ext.lib", "Ext.layout", "Ext.app", "Ext.ux");
5、利用Ext分别给Function,String,Array,Number,Date添加方法
Ext.apply(Function.prototype, {...});



Ext.applyIf(String, {...});



String.prototype.toggle = function(value, other){

    return this == value ? other : value;

};



String.prototype.trim = function(){

    var re = /^/s+|/s+$/g;

    return function(){ return this.replace(re, ""); };

}();



Ext.applyIf(Number.prototype, {...});



Ext.applyIf(Array.prototype, {...});



Date.prototype.getElapsed = function(date) {

	return Math.abs((date || new Date()).getTime()-this.getTime());

};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值