Green.Leaf

摘要： 一、require模块 以上是源码 我喜欢以剖析源代码的方式去学一种技术,上面这段代码是标准的requireJs的语句,但是这是mass.js版本的requireJs,下面就来解读源代码: 这个path是网站的根路径,方便mass寻找Js和css的文件. 这段代码主要是记载系统的文件别名机制,通过给 阅读全文

摘要： 任何语言一到大规模应用阶段,必然要拆封模块,有利于维护和团队协作,与Java走得最近的dojo率先引进了加载器,使用document.write与同步Ajax请求实现,后台dojo以JSONP的方法来设计他每个模块的结构,以script为节点加载它的每个模块,这个就是目前主流的加载器方式。dojo的 阅读全文

摘要： 一、使用场景: 1、假设要创建一个House设施,该设施的创建由若干个部分组成,而且这若干个部分经常变化。 如果用最直观的设计方式,每一个房屋部分的变化,都将导致整个房屋结构的重新修正，但是这种设计方式,维护成本太高,而且如果对象极度复杂,那么很容易就会产生问题! So,Builder Patter 阅读全文

摘要： DomReady其实是一种名为"DomContentLoaded"事件的名称,不过由于框架的需要,它与真正的DomContentLoaded有区别,在旧的JS书籍中m都会让我们把Js函数写到window.onload函数中,防止Dom树还没有建好,就对其操作,产生错误. 阅读全文

摘要： /* 关于JS对象类型的判断,最复杂的在于RegExp和Array了,判定RegExp的情形不较少,而Array就比较多了,下面就是判断Array的方法 */ //方法一:利用instanceof来判断对象是不是Array的实例 function isArray(arr){ return arr instanceof Array; ... 阅读全文

摘要： /* window对象的判定,由于ECMA是不规范Host对象,window对象属于Host,所以也没有约定,所以就算是Object.prototype也对它无可奈何, 而且如果根据window.window和window.setInterval去判定那就更加的不靠谱！ 这里我们使用一个神奇的hack技巧就是通过,window和document相互比较,如果顺序不一样,那么结果就不一样 */ ... 阅读全文

摘要： 1、new 的问题 常见的对象创建方法: new的问题:实现依赖,不能应对具体实例的变化 怎么理解上面这句话呢? 可以这样理解:我们创建的对象实例依赖于Road对象的内部实现,如果Road对象不会发生变化(或者发生变化的频率很小),那么单纯的用new是可以的,但是上面的Road我们单纯籽籽棉意思上理 阅读全文

摘要： Javascript有两套数据类型,一套是基础数据类型,一套是对象数据类型。基础数据类型包括5种基本数据类型,分别是null,bool,undefined,number,string,也叫简单数据类型,object是复杂数据类型,其中Object,Array,Function属于引用类型(对象数据类 阅读全文

摘要： 类数组对象是一个很好的存储结构,但是功能太弱了,为了享受纯数组的哪些便捷的方法,使用前可以做下转换,通常可以使用$.slice.call()方法做转换,但是旧版本的IE下的HTMLCollection、NodeList不是Object的子类,如果采用[].slice.call()方法可能会导致异常, 阅读全文

摘要： 对象扩展 说完了,对象的创建(框架的命名空间的创建)以及如何解决多库之间的命名空间冲突问题之后,接下来,就是要扩展我们的对象,来对框架进行扩展,我们需要一种新功能,将新添加的功能整合到我们定义的对象中去。这种类型的方法在Javascript中常被称为extend和mixin。在Javascript对 阅读全文