虽然最近工作中没有怎么用 zepto ,但是据说 zepto 的源码比较简单,而且网上的资料也比较多,所以我就挑了 zepto 下手,希望能为以后阅读其他框架的源码打下基础吧。 源码版本 本文阅读的源码为 zepto1.2.0 阅读zepto之前需要了解 javascript 原型链和闭包的知识,推 ...
分类:
其他好文 时间:
2017-04-12 13:44:19
阅读次数:
274
代理模式是为一个对象提供一个代用品或者占位符,以便控制对它的访问。 代理模式的关建是,当客户不方便直接访问一个对象或者不满足需要的时候,提供一个替身对象来控制对这个对象的访问,客户实际访问的是替身对象,替身对象对请求做出一些处理后,再把请求转交给本体对象。 先来看一个例子,假设A想送花给C,但又不知 ...
分类:
编程语言 时间:
2017-04-08 13:03:06
阅读次数:
263
一个常见需求,实时监听textarea的输入变化,并在页面上显示还能够输入多少字符。 开发过程中翻了两个形式错误: 1、仅仅使用onkeyup事件 2、使用zepto绑定事件的时候,经验主义错误 第三方输入法在输入拼音的时候,并没有把输入的汉字直接写在输入框内,而是在输入法上方暂存,只有选择了字后才 ...
分类:
移动开发 时间:
2017-04-07 17:29:56
阅读次数:
338
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的;因为它的最初目标在移动端提供一个精简的类似jquery的js库。 核心方法 $() ...
分类:
其他好文 时间:
2017-04-04 23:25:45
阅读次数:
282
三目运算符相信大家都很熟悉了: 而三目运算符?:?:?.....的调用方式大家也不陌生, 就相当于一堆if - else if语句: 但是在zepto.js里有一段代码: 这里的三目运算符用的是??::的形式,我搞不太懂,所以打算做个实验搞懂它: 用表格记录下4个不同点情况: 可以看出上面的代码等价 ...
分类:
其他好文 时间:
2017-04-04 14:06:53
阅读次数:
134
JavaScript库:JQuery,undoscore,Zepto 纯Javascript语言封装, 前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure.css 前端框架、UI框架,或者叫UI模板 HTML + CSS + (JavaScript)? ...
分类:
编程语言 时间:
2017-03-25 11:50:02
阅读次数:
230
这里主要分析zepto事件中的$.on函数,先看一下该函数的代码 该函数主要分析的是return 后面的语句,在前面的分析中,分析了each函数和$对象,也就是对$对象中的每一个dom进行绑定事件,这里先跳过autoRemove函数,留在后面分析,如果有传入选择器,zepto先定义一个delegat ...
分类:
其他好文 时间:
2017-03-24 22:58:12
阅读次数:
334
先看一下zepto事件的函数,在这里,zepto是把zepto对象作为一个立即执行函数的参数传进去的。 在zepto事件函数中,主要为$.Event,$.on,$.off等,分析事件代码,分析这三个就够了,首先分析$.Event函数,在分析该函数之前,从接口文档中大概知道这是一个创建事件的方法,可以 ...
分类:
其他好文 时间:
2017-03-24 21:42:08
阅读次数:
255
1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。 如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jquery.min.js。 2.HTML内容。 3.你可能想要给Swiper定义一个大小,当然不要也行。 ...
分类:
其他好文 时间:
2017-03-23 20:09:26
阅读次数:
893
对于一些大型公司,想要有一些监控用户行为的分析,怎么办? 比如一个场景,A公司想要监控用户浏览当前屏幕有哪些数据怎么办? 那么就用到本文所提的监控解决方案了: 1.首先要监控用户到底在该屏停留了多久; 2.基于1确定用户是停留在了本页面而没有滑动手机屏幕; 3.在用户未达到条件后的callback机 ...
分类:
Web程序 时间:
2017-03-20 19:25:27
阅读次数:
189