摘要： 对象继承函数: $.extend(){}，默认传递一个参数，需要继承的对象目标。函数展示： 最终实现的过程，需要调用工具函数extend，首先分析extend函数。 默认传递三个参数，继承的目标对象-target，继承的源对象-source，是否为深拷贝-deep 遍历源对象，分两种情况： 1、浅拷 阅读全文

摘要： 先展示init函数，由于笔记本屏幕太小，删掉了部分源码注释，才能在一屏内截图。 当我们调用$()的时候，便会直接调用zepto.init()生成zepto对象，跟jquery生成jquery对象类似。可以在插件中进行覆盖。 定义变量dom 分为5种情况，逐个进行判断。 1、未传入选择器，即没有传入任 阅读全文

摘要： 文档片段fragment函数默认传递三个参数： html文档片段字符串 name标签 properties额外添加的属性 函数内部实现过程： var dom, nodes, container; 中间是将字符串html转换成符合需求的dom，并返回。 if (singleTagRE.test(htm 阅读全文

摘要： 1、classRE 对获取className的操作，进行缓存。如果缓存中有，直接读取缓存中的值，如果没有，则先进行缓存的存储，再读取值。 利用前面变量定义的classCache={}进行缓存的操作，如果classCache中存在对应的name，则读取classCache[name]， 否则先将需要操 阅读全文

摘要： 1.compact 删除数组中的空元素（不是空字符串）、undefined、null 在定义变量时，定义过filter = emptyArray.filter，即调用javascript原生的数组处理函数filter，对传入的数组遍历，返回不包含空元素、undefined、null的新数组。 2.f 阅读全文

摘要： 几个需要经常用到的类型判断： 自定义一个类似于typeof的函数，提供更多的类型判断。 class2type[toString.call(obj)] 是对class2type的取值 在后面通过循环对class2type赋予相应的键值对， 最终在class2type保存的是 所以当调用type传入的参 阅读全文

摘要： zepto的第一个函数，zepto.matches： 作用：用来匹配dom元素是否匹配某css selector。 它为后面的一些高级方法的实现提供了基础支持，比如事件代理，parent, closest等。 进行初始化的判断，如果不存在DOM元素或者css selector，或者非元素节点的话，直 阅读全文

摘要： 主要了解一下zepto定义的初始变量。 逐一以自己的理解解析，待到后面完全透彻理解之后，争取再写一遍zepto源码学习的文章。 其中的undefined确实不明白为什么定义这么个变量在这里。 document = window.document根据个人理解应该是要兼容一些特殊情况下获取documen 阅读全文

摘要： 为了深入学习javascript，根据别人推荐的方法之一：研究源码。 相对而言，之前的项目中仅仅使用过zepto和jquery，当前阶段，看到好几千行的jquery源码，心生敬畏，望而却步，所以选择相对精简一点的zepto。 首先，最重要的是理清楚zepto的结构。 zepto采用的立即执行函数来实 阅读全文

摘要： 在使用zepto时，为了使得ajax请求回来的数据添加到页面上之后，不至于失去所绑定的事件。 我一般会采用$()创建dom元素节点，然后添加所需要的class和html等等一系列的样式，最基本的是$('<div></div>').addClass('item').html('ajax请求回来的数据' 阅读全文