菜的黑人牙膏

摘要： backbond中的M，指的是模型，即存放数据以及数据相关逻辑的单位。在分析其结构之前，先看一下其调用过程。 backbond 通过Backbone.Model.extend方法得到一个World类（为了不让World和其实例化结果混淆，这里把World称为类，实例化结果称为对象），再通过实例化Wo 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000006697372 阅读全文

摘要： 前面分析了zepto的事件绑定，接下来分析事件解绑，先看一下zepto中解绑的off方法： offf方法前面大致和on方法一样，最主要的是最后return里面的remove函数，在看remove之前，要先分析之前遇到的有关handler的函数，下面是在add方法中，关于handler的。 首先通过z 阅读全文

摘要： 在上一篇的分析中，最后$.on方法返回了一个add方法函数的执行，在这里先看一下其代码： 在这里先跳过id以及handler部分（handler.e的值即为事件的type属性），该函数主要作用就是将事件添加进元素的事件队列里。 首先是对events进行分割成多个事件，并通过each函数逐个绑定。先来 阅读全文

摘要： 这里主要分析zepto事件中的$.on函数，先看一下该函数的代码 该函数主要分析的是return 后面的语句，在前面的分析中，分析了each函数和$对象，也就是对$对象中的每一个dom进行绑定事件，这里先跳过autoRemove函数，留在后面分析，如果有传入选择器，zepto先定义一个delegat 阅读全文

摘要： 先看一下zepto事件的函数，在这里，zepto是把zepto对象作为一个立即执行函数的参数传进去的。 在zepto事件函数中，主要为$.Event,$.on,$.off等，分析事件代码，分析这三个就够了，首先分析$.Event函数，在分析该函数之前，从接口文档中大概知道这是一个创建事件的方法，可以 阅读全文

摘要： 上次看zepto的init方法时，有一段属性设置的代码，先来看看其表现： 在分析这里的时候，一直很困惑，为什么实例化dom之后，对nodes进行属性设置会导致dom也有了属性设置的结果。回想了一下，在javascript中，对象是引用，而不是赋值，而dom不是zepto对象就是Dom对象，假如是ze 阅读全文

摘要： zepto中的ready函数是作为$.fn的一个方法，即作为一个zepto对象的方法 ready返回的是this,即调用ready的自身对象。 一开始，对于采用if else语句不太了解，不清楚为什么要用两种方式调用回调函数。 在MDN中，有这样的描述： document.readyState有三个 阅读全文

摘要： 在zepto中，通过$来构造对象 由该函数，实际上，在调用$函数时相当于调用init方法，接下来看init函数： 先来看一下当传入的是一个html标签的字符串时的构造过程： fragmentRE是一个匹配普通标签<xxx>的表达式，关键是zepto.fragment()函数。 该函数传入三个参数，在 阅读全文

摘要： var Zepto = (function(){ var zepto = {},$; zepto.Z = function(dom, selector) { return new Z(dom,selector) } zepto.init = function(selector,context){ . 阅读全文