摘要:
在触屏设备上,一些比较基础的手势都需要通过对 touch 事件进行二次封装才能实现。zepto 是移动端上使用率比较高的一个类库,但是其 touch 模块模拟出来的一些事件存在一些兼容性问题,如 tap 事件在某些安卓设备上存在事件穿透的 bug,其他类型的事件也或多或少的存在一些兼容性问题。 于是 阅读全文
摘要:
jqm点击一次触发多次事件 jQuery Mobile会增强我们原始的HTML页面,为此它有自己一些特性。你的html页面没有遵循这个特性导致你的JS脚本执行了多次。这样改造1、用下面的代码将你认为的一个页面包裹起来<div data-role="page"></div>2、将你的JS放在上面的di 阅读全文
摘要:
我们在做页面布局的时候,经常需要利用浮动来实现一些布局效果,这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。 而清除浮动后的效果应该是这样的请看: 下面就说说方法,方法其实有非常的多,下面部分方法的截图请大家参考 (1)父级div定义height。(2)结尾处加空div标签 阅读全文
摘要:
灯光的亮度控制需要一个滑动条,先借用lamp源码中Bar: var Bar = function (opt) { var defaults = { $id: "", // 进度条dom节点id min: 1, // 刻度最小值 stepCount: 5, // 刻度步数 step: 1, // 刻度 阅读全文
摘要:
废话少说: 在PC端可以用mousedown来触发一个滑块滑动的效果,但在手机上,貌似无法识别这个事件,但手机上有touchstart事件,可以通过一系列“touch”事件来替代PC端的“mouse”事件。 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseov 阅读全文
摘要:
事件监听与事件委托 在js中,常用到element.addEventListener()来进行事件的监听。但是当页面中存在大量需要绑定事件的元素时,这种方式可能会带来性能影响。此时,我们可以用事件委托的方式来进行事件的监听。 每个事件都经历三个阶段 捕获 到达目标 冒泡 事件委托需要用到事件的冒泡, 阅读全文
摘要:
1. 将脚本放在页面的底部 1 2 3 4 5 ... <script src="./jquery.min.js"></script> <script src="./index.js"></script> </body> </html> 1 2 3 4 5 ... <script src="./jq 阅读全文