摘要: 问题 在做手机页面的时候,遇到这样一个问题: 点击抽奖后,会出现一个弹框,点击弹框上的"确定"按钮,这时问题出现了,当确定按钮和下边的抽奖按钮重合时,弹框隐藏,并且同时触发了抽奖按钮!!! 这时就了解到:什么是事件穿透?点击上面的一层时会触发下面一层的事件。 zepto的tap是通过兼听绑定在doc 阅读全文
posted @ 2020-09-23 14:55 ZerlinM 阅读(2410) 评论(0) 推荐(0)
摘要: 防抖(debounce) 当持续触发事件时,在一定的时间段内,只有最后一次触发的事件才会执行。 function debounce(fn, wait) { var timer = null; return function () { if (timer !== null) { clearTimeou 阅读全文
posted @ 2020-09-23 14:26 ZerlinM 阅读(205) 评论(0) 推荐(0)
摘要: 需求 在页面上有"返回顶部"的按钮,要实现在上下滚动页面时,该按钮显示,当页面停止滚动几秒后,按钮消失。 代码 function iconShow() { var scrollTimer = null; function debounce(fn, wait) { return function () 阅读全文
posted @ 2020-09-23 14:21 ZerlinM 阅读(477) 评论(0) 推荐(0)
摘要: 需求 希望在页面向下滚动时则隐藏"返回顶部"按钮,否则显示。 以下将滚动代码整理出来scrollEvent()方法 (适用于滚轮滚动、键盘上下滚动、滚动条滚动) 代码 /* 监听页面向上向下滚动事件 */ function scrollEvent() { window.onscroll = func 阅读全文
posted @ 2020-09-23 10:54 ZerlinM 阅读(1563) 评论(0) 推荐(0)
摘要: 首先指出一点,Redux的reducer是浅复制。冲掉的原因,是因为浅复制没有放在更新数据前,把...state放在前面就好了。 Redux作者DanAbramov推荐用Object.assign()and...spread浅复制来在reducer中更新状态: 所以浅复制实现方法: 原生方式: va 阅读全文
posted @ 2020-09-23 10:31 ZerlinM 阅读(278) 评论(0) 推荐(0)