首页 > 代码库 > Ext JS学习第八天 Ext基础之 认识Ext.js 和Ext-more.js
Ext JS学习第八天 Ext基础之 认识Ext.js 和Ext-more.js
此文来记录学习笔记;
•认识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 = http://www.mamicode.com/{ 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,学习之余提高文学修养;
Ext JS学习第八天 Ext基础之 认识Ext.js 和Ext-more.js
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。