zepto对象思想与源码分析.pdfVIP

目 录 空白目录 开始 设计 读源码前先看设计 js原型链基础 zepto对象设计 源码 入口 zepto.init 函数 zepto.Z 函数 回顾 必威体育精装版的zepto.Z函数 附 ：zepto-core-1.1.6 源码注视 总结 本文档使用 看云 构建 - 2 - 空白目录 空白目录 开始 设计 源码 附 ：zepto-core-1.1.6 源码注视 总结 本文档使用 看云 构建 - 3 - 开始 开始 本课程内容 如果你常用zepto ，却没有试着深入zepto源码去看看它是如何实现的 ，你不好奇吗 ？跟随我 ，打开zepto的源码 来分析一下 ，看看zepto是用何种方式做成了流行全世界的js库。 本课程内容主要有两个 ： 分析zepto的设计思想 ，并思考如何才能实现这种设计 ； 打开zepto源码 ，看它是如何实现的 ； 扩展内容 ： 作者标注的 zepto core模块的源码注视 ； 至于为何要解读源码和设计 ？我想既然来看该教程的朋友 ，应该都知道它的意义 ，这里不再唠叨。总之 ，拜 读经典框架的源码、学习设计思想 ，就等于站在巨人的肩膀上。 ## 面向的用户 用过zepto ，熟悉zepto的常用API （默认你有js基础 ） 有基础并且想深入学习的 『新兵』 ## 关于时间 现说一下 ，该教程讲义准备的时间是2016年7月份。您看到该教程的时间可能会比这个时间晚很多 ，但是没关 系 ，该教程讲解的内容应该会一直有效。原因有二 ： zepto至今早就稳定了 ，代码不会有很大的变化 ； 只要ES6没有完全流行开 （尚需babel转义 ），js的语法是不会变的 ； 因此 ，那些抱怨前端变化快的同学 ，您该转变一下观念了 ——我一直觉得前端快的只是一小部分 ，当然这是题外 话。 ## 关于文档形式 请不要被大学老师的讲课方式所影响 ，仔细考虑以下问题 ： 视频教程该用文档还是用ppt ？ 产品化 （文档 - 产品 ；ppt - 事件 ） 持续化 （文档更易事后查阅 ） 本文档使用 看云 构建 - 4 - 开始 结构化 （使知识更加体系 ，不零散 ） ## 最后 本教程中 ，讲解设计的部分大约占一半时间 ，分析源码占另一半时间。因为我觉得 ，分析和学习设计 ，比看源码 要更加重要。 而另一半时间看源码肯定是看不完的 ，但是我们也没有必要看完 ，大家都挺忙的 ，咱们就好钢用在刀刃上。了解 了关键的代码 ，剩下的完全可以自己来轻松看完——只要你想看。 本文档使用 看云 构建 - 5 - 设计 设计 读源码前先看设计 js原型链基础 zepto对象设计 本文档使用 看云 构建 - 6 - 读源码前先看设计 读源码前先看设计 我正式读过源码的经典框架有4个 ，我自己的感觉就是——解读源码之后 ，真正留在自己脑子里面的 ，是这个框 架的设计思想。当跟我看完zepto-core的源码之后 ，你应该会有这种体会。 ## 诡异的数组 那么接下来 ，先通过最简单的一个例子看一眼zepto的设计。先来一个很简单的html页面 ，``中的 代码如下 ： p id p1测试/p div spantest/span spantest/span spantest/span /div