Zepto源码笔记(二)
uniq(array)
返回不存在重复值的数组
function classRE(name)
判断classCache中是否已存在name,若存在则取出classCache[name];否则存入该类名的正则表达式至classCache[name]中
function maybeAddPx(name,value)
若name在cssNumber中则返回value;否则返回value+"px"
function defaultDisplay(nodeName)
从elementDisplay中获取该nodeName(即标签类名:a,div,p……)的默认display值;若elementDisplay中不存在nodeName该项,则新建该节点并添加到文档中通过getComputedStyle(element, '').getPropertyValue("display")获取其默认值,若默认为none则设为“block”并存入elementDisplay[nodeName]中
ps:zepto中定义了getComputedStyle=document.defaultView.getComputedStyle
$.each(elements, callback)
若elements是类数组(elements.length 是 number类型),则用for(var i = 0,l=elements.length ; i < l ; i++)来加速循环调用callback
若不是类数组,则使用for in来循环对每个属性调用callback
上述两个循环中一旦callback返回值为false即中断循环
最后返回值均为elements
$.map(elements, callback)
map函数和each函数的优化策略是一样的,只是map返回的是单一对象(elements.length <= 0)或一组数组(elements.length > 0),结果中存放遍历函数的运行结果
zepto.Z(dom, selector)
将dom的原型设为$.fn,以便返回值能调用$.fn的方法
zepto.isZ(object)
判断object的原型是否zepto.Z(zepto.Z.prototype = $.fn)
zepto.init(selector,context)
进入下述其中一条分支,按顺序依次判断
a.若!selector则返回空的zepto collection,也就是zepto.Z()
b.若selector是函数则在DOMContentLoaded后执行
c.若selector已经是Z对象,则返回selector本身
d.若非上述三种情况,则进入下述其中一条分支,按顺序依次判断
d1.若selector是Array,则dom=compact(selector)
d2.若selector是对象:
d21.若isPlainObject(selector)为true,则dom为selector的副本(浅复制)
d22.若isPlainObject(selector)为flase,则dom=selector
令selector = null;
d3.若selector符合fragmentRE(html片段),则dom为根据该片段生成的节点,令selector = null
d4.若存在context,则返回$(context).find(selector),也就是context中的selector节点,此时init函数已经结束
d5.若非上述情况,则dom=zepto.qsa(document, selector),也就是从document中查找符合selector的节点
若符合d1,d2,d3,d5则返回zepto.Z(dom,selector)
zepto.fragment(html, name, properties)
对html进行拓展(若html为"<div/>",则拆分闭合后为"<div></div>")
若name没定义,则通过正则表达式从html中获取name
若name不在containers中,则name = “*”
创建一个container,令其等于containers[name],并使其innerHTML=html;
dom = $.each(slice.call(container.childNodes), function(){
container.removeChild(this)
})
如果isPlainObject(properties)返回true,则另nodes=$(dom),并对nodes设置properties 这3行代码不仅使dom=slice.call(container.childNodes),还清空了container的内容,使container不受污染
最后,返回dom(此时dom是slice.call(container.childNodes), 并不是z集合)
$ = function(selector, context){
return
zepto.init(selector, context)
}
此处不直接使用$=zepto.init是因为要对$进行扩展而不会影响zepto.init
Zepto源码笔记(二)的更多相关文章
- Zepto源码笔记(一)
最近在研究Zepto的源码,这是第一篇分析,欢迎大家继续关注,第一次写源码笔记,希望大家多指点指点,第一篇文章由于首次分析原因不会有太多干货,希望后面的文章能成为各位大大心目中的干货. Zepto是一 ...
- jQuery源码笔记(二):定义了一些变量和函数 jQuery = function(){}
笔记(二)也分为三部分: 一. 介绍: 注释说明:v2.0.3版本.Sizzle选择器.MIT软件许可注释中的#的信息索引.查询地址(英文版)匿名函数自执行:window参数及undefined参数意 ...
- Tomcat8源码笔记(二)Bootstrap启动
TOMCAT源码调试入口是Bootstrap类的main方法,我的启动参数VM: -Dcatalina.home=E:/Tomcat_Source_Code/apache-tomcat-8.0.53- ...
- Zepto源码笔记(三)
ps:本文中"组装成成数组"指的是若元素个数大于1则返回数组,若元素只有1个则返回元素本身 以下函数是$.fn该对象的方法 ready(callback) 通过readyRE正则表 ...
- jQuery源码笔记——二
jQuery选择这样返回对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, con ...
- Tomcat8源码笔记(三)Catalina加载过程
之前介绍过 Catalina加载过程是Bootstrap的load调用的 Tomcat8源码笔记(二)Bootstrap启动 按照Catalina的load过程,大致如下: 接下来一步步分析加载过程 ...
- zepto源码--核心方法10(位置)--学习笔记
今天基本上就是zepto学习笔记的最后一篇了,介绍一下有关位置的函数,position, offset, scrollLeft, scrollTop scrollLeft 如果所选取的包装集不存在,则 ...
- 一个普通的 Zepto 源码分析(二) - ajax 模块
一个普通的 Zepto 源码分析(二) - ajax 模块 普通的路人,普通地瞧.分析时使用的是目前最新 1.2.0 版本. Zepto 可以由许多模块组成,默认包含的模块有 zepto 核心模块,以 ...
- Zepto源码分析(二)奇淫技巧总结
Zepto源码分析(一)核心代码分析 Zepto源码分析(二)奇淫技巧总结 目录 * 前言 * 短路操作符 * 参数重载(参数个数重载) * 参数重载(参数类型重载) * CSS操作 * 获取属性值的 ...
随机推荐
- mvc 生成输出url
最近一直在学习mvc,其中对于 Url.Action生成的url感到很困惑.官方的解释的基于路由方案生成的url.问题是,怎样基于,怎样选择,没有过多的解释.网上找了很多资料,也看不懂,最后还是在pr ...
- Java中关于String的split(String regex, int limit) 方法
今天在对一个String对象进行拆分的时候,总是无法到达预计的结果.呈现数据的时候出现异常,后来debug之后才发现,错误出在String spilt上,于是开始好好研究下这东西,开始对api里的sp ...
- Swift —构造函数与存储属性初始化-备
构造函数的主要作用是初始化实例,其中包括:初始化存储属性和其它的初始化.在Rectangle类或结构体中,如果在构造函数中初始化存储属性width和height后,那么在定义他们时就不需要初始化了. ...
- 使用minidwep-gtk-PJ-wifi教程中文版
- Linux下快速静态编译Qt以及Qt动态/静态版本共存
Qt下静态编译Qt,根据我的经验,如果按照Windows下那种直接拿官方sdk安装之后的文件来编译是行不通的,需要直接下载Qt的source包,目前诺基亚的源码叫做qt-everywhere-open ...
- 创建Windows服务(Windows Services)N种方式总结
最近由于工作需要,写了一些windows服务程序,有一些经验,我现在总结写出来.目前我知道的创建创建Windows服务有3种方式:a.利用.net框架类ServiceBaseb.利用组件Topshel ...
- Linux系统编程(32)—— socket编程之TCP服务器与客户端
TCP协议的客户端/服务器程序的一般流程 服务器调用socket().bind().listen()完成初始化后,调用accept()阻塞等待,处于监听端口的状态,客户端调用socket()初始化后, ...
- ASP.NET MVC 3 Razor Nested foreach with if statements
You need to write code this way. @Html.Raw("<tr>") Copy the below code and paste it ...
- 程序设计实习MOOC / 继承和派生——编程作业 第五周程序填空题1
描述 写一个MyString 类,使得下面程序的输出结果是: 1. abcd-efgh-abcd- 2. abcd- 3. 4. abcd-efgh- 5. efgh- 6. c 7. abcd- 8 ...
- tomcat主目录
简单显示天气预报js 代码