zepto
文章平均质量分 81
TechFE
CSDN博客体验不好,我的博客更新在:https://zrysmt.github.io/
展开
-
一步一步DIY zepto库,研究zepto源码4 -- ajax模块
上面的博文介绍的都是源码src下的基础模块zepto.js文件和事件模块event.js,下面接着看另外一个独立的模块–ajax模块ajax.js 代码挂在我的github上,对应文件夹v0.4.1。 https://github.com/zrysmt/DIY-zepto1.ajax的过程当global: true时。在Ajax请求生命周期内,以下这些事件将被触发。ajaxStart原创 2016-12-05 11:31:56 · 1489 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码5-- callbacks
Callbacks API用来管理回调函数,也作为deferred延迟对象的基础部分,今天就一起来探寻它的源码(对应src下的callbacks.js)。 代码挂在我的github上,对应文件夹v0.5.1。 https://github.com/zrysmt/DIY-zepto注:要在github源代码中自己编译的话,要在基础包命令:npm run dist上要进行扩展了,输入命令:M原创 2016-12-05 11:33:01 · 1007 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码6 -- deferred模块
接下来我们来DIY另外一个重要的模块defrred延迟对象,这当然与源码有些许的不同,然而这并不重要。基础包上要进行扩展了,输入命令:MODULES="zepto event ajax deferred callbacks" npm run dist 代码挂在我的github上,对应文件夹v0.6.1。 https://github.com/zrysmt/DIY-zepto1.示例Dem原创 2016-12-05 11:34:07 · 1147 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码7 -- 动画模块(fx,fx_method)
代码挂在我的github上,对应文件夹v0.7.1。 https://github.com/zrysmt/DIY-zepto注:要在github源代码中自己编译的话,要在基础包命令:npm run dist上要进行扩展了,输入命令:MODULES="zepto event fx fx_methods" npm run dist# on Windows> SET MODULES=zepto原创 2016-12-05 11:34:59 · 1643 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码8 -- touch模块
移动事件提供了touchstart、touchmove、touchend,却没有提供对tap的支持。许多主流框架都是自定义实现了tap事件,消除300ms的延迟,当然包括Zepto.js.一步一步DIY zepto库,研究zepto源码8 -- touch模块原创 2016-12-05 11:36:19 · 1811 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码2 -- selector选择符
我们接着上一篇博客继续完成zepto.init的其余内容。基于Zepto 1.2.0版本。 代码挂在我的github上,第一篇博客对应文件夹v0.2。 https://github.com/zrysmt/DIY-zepto整体的流程是: * 有传入context,回调自身:$(context).find(selector) * selector参数为空,直接调用$.zepto原创 2016-11-30 10:07:38 · 835 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码3 -- event模块
上面的博文介绍的都是源码src下的zepto.js文件,接着我们来看看zepto的事件模块,对应文件是event.js 代码挂在我的github上,对应文件夹v0.3.2(只实现on),v0.3.3(完整实现)。 https://github.com/zrysmt/DIY-zepto1.绑定事件实例Demo <div id="foo1">foo1</div> <div id原创 2016-11-30 10:08:51 · 954 阅读 · 0 评论 -
一步一步DIY zepto库,研究zepto源码1--基础模块
我在之前写了《一步一步一步DIY zepto库,研究zepto源码1.md一步DIY jQuery库》系列文章,然后发现再往下进行研究jQuery库的时候,由于jQuery库做了很多兼容IE6-8的内容,使其看起来比较繁琐,这也造成了jQuery源码的不宜读性。所幸作为移动端的jQuery库替代品-Zepto,是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的ap原创 2016-11-21 16:34:21 · 1463 阅读 · 0 评论