一、前端框架库: 1.Zepto.js 地址:http://www.css88.com/doc/zeptojs/ 描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通 ...
分类:
Web程序 时间:
2017-06-30 14:07:55
阅读次数:
172
1.Zepto对象不能自定义事件例如执行:$({}).bind(‘cust‘,function(){});结果:TypeError:Objecthasnomethod‘addEventListener‘解决办法是创建一个脱离文档流的节点作为事件对象:例如:$(‘‘).bind(‘cust‘,function(){});2.Zepto的选择器表达式:[name=value]中value必须用双引号..
分类:
Web程序 时间:
2017-06-29 01:12:32
阅读次数:
370
jquery源码封装在一个匿名函数的自执行环境中,有助于防止变量的全局污染,然后通过传入window对象参数,可以使window对象作为局部变量使用,好处是当jquery中访问window对象的时候,就不用将作用域链退回到顶层作用域了,从而可以更快的访问window对象。同样,传入undefined ...
分类:
Web程序 时间:
2017-06-27 22:09:06
阅读次数:
148
咱们今天还是轮播图,今天说jquery的轮播图! 首先,要有个插件: 请无视Zepto插件,他没起到任何作用! 就是这两个啦! 然后就是代码! 就是这样,你学会了吗?? ...
分类:
Web程序 时间:
2017-06-26 10:19:50
阅读次数:
194
移动端使用 zepto 做一些基于触摸的动画的时候。须要开发一个函数库。功能:实例化对象以后可以,触发对应的事件,可以返回给我,当前的移动方向和 X 轴 或者 Y 轴 的移动位移。var TouchDirection = function(e) { var startThat = {}, moveT ...
分类:
其他好文 时间:
2017-06-23 13:07:18
阅读次数:
203
上拉加载的实现思路其实很简单: 1.移动端触发touchmove事件(上拉) 2.判断最后一个元素是否已出现在底部 3.若出现,则js添加元素到页面末尾 思路图: 接下来开始编写style样式: html结构: js是用zepto.js库实现的: <script src="../public/zep ...
分类:
移动开发 时间:
2017-06-17 11:07:20
阅读次数:
275
恢复内容开始 《zepto移动端事件》 1、$("#xx").tap(function(){ //tap在屏幕点击时触发 alert("sssss"); }) 2、$("div").singleTap(function(){ //singleTap在屏幕单击时触发 alert("单击"); }) 3 ...
分类:
Web程序 时间:
2017-06-17 10:10:20
阅读次数:
281
这篇依然是跟 dom 相关的方法,侧重点是操作样式的方法。 读Zepto源码系列文章已经放到了github上,欢迎star: reading-zepto 源码版本 本文阅读的源码为 zepto1.2.0 内部方法 classRE classCache = {} function classRE(na ...
分类:
其他好文 时间:
2017-06-14 22:27:50
阅读次数:
326
Zepto 提供了丰富的工具函数,下面来一一解读。 源码版本 本文阅读的源码为 zepto1.2.0 $.extend $.extend 方法可以用来扩展目标对象的属性。目标对象的同名属性会被源对象的属性覆盖。 $.extend 其实调用的是内部方法 extend, 所以我们先看看内部方法 exte ...
分类:
其他好文 时间:
2017-06-14 22:26:17
阅读次数:
182
这篇依然是跟 dom 相关的方法,侧重点是操作 dom 的方法。 读Zepto源码系列文章已经放到了github上,欢迎star: reading-zepto 源码版本 本文阅读的源码为 zepto1.2.0 .remove() remove: function() { return this.ea ...
分类:
其他好文 时间:
2017-06-14 22:24:08
阅读次数:
295