此文来记录学习笔记;
•认识Ext.js 和Ext-more.js•首先,我们要知道这2个js文件的作用,这俩个文件包含了Ext的一些基础定义、基本的属性和方法,我们要重点学习和深入底层代码进行研究。•如果所示:API位置、•Ext.js方法详解:–Ext.apply&Ext.applyIf–Ext.extend–typeOf–isEmpty、isIterable、isFunction、isArray...–Iterate下面从栗子中看看这些方法是实际使用方法,请看栗子代码吧!Ext.onReady(function () { //---------------------------------------------------------------------------------------------------------------------- //Ext.js 文件 //Ext.apply & Ext.applyIf //我们先来创建两个对象src与config var src = { name: 'z3', age: '18' }; //源对象 var config = { name: 'l4', sex: '男' }; //配置对象 //Ext.apply就是为对象扩展属性或方法的 Ext.apply(src, config); // 结果为 name:'l4', age: '18',sex: '男' ;我们看到z3被l4给覆盖掉了,感兴趣的童鞋可以阅读一下源码 //再来看一下applyIf方法吧 //如果当前对象存在属性,我就不进行copy 如果不存在则copy Ext.applyIf(src, config); //结果为 name: 'z3', age: '18',sex: '男' //---------------------------------------------------------------------------------------------------------------------- //Ext.extend 关于extend前面讲过了,这里就不说了 //---------------------------------------------------------------------------------------------------------------------- //Ext.typeOf 和原生的javascript typeof var str = 'abc'; var num = 123; Ext.typeOf(str); //结果为 string Ext.typeOf(num); // 结果为 number //----------------------------------------------------------------------------------------------------------------------------- //isEmpty、isIterable、isFunction、isArray... 这里就举一个栗子吧 //这里就自行查看API吧, var arr = new Array(1, 2, 3); alert(Ext.isArray(arr)); // 结果为 true //-------------------------------------------------------------------------------------------------------------------------- //Iterate 遍历数组 Ext.iterate(arr, function (item) { alert(item);//1,2,3 }); //-------------------------------------------------------------------------------------------------------------------- //Ext.override 覆盖 Ext.define('User',{ say:function(){ alert('say....'); } }); var user = Ext.create('User'); Ext.override(user,{ say:function(){ alert('我是覆盖后的say方法..'); } }); user.say();});
今天就到这里,明天继续;每天进步一点点
给各位推荐个文章网www.fishcmonkey.com,学习之余提高文学修养;
新闻热点
疑难解答