首页 > 代码库 > 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