1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>文档事件</title> 6 <!-- 代码自身至下解析 --> 7 <script type="text/javascript"> 8 v ...
分类：
其他好文 时间：
2019-12-29 00:51:37
阅读次数：
109
首先看一下我要解决的问题，第一张图是正常的情况下，第二张图是点击了输入框之后的情况，就是要解决此问题~！ 百度了一下解决方法，好像有以下的一些方法： iscroll Jquery Mobile 监听屏幕滚动事件给 #footer 赋值 由于本人新手，第1，2种的方法就没学过，所以暂时不用这2方法，来 ...
分类：
移动开发 时间：
2019-12-16 15:03:14
阅读次数：
126
今天遇到需要监听滚动条事件的问题，本来以为是一个简单的监听就好了，哪成想，这么多bug，说到底还是自己基础不扎实，所以趁现在下班没事把它记录下来。以备后续所需，哈哈。 （1）首先是最基本的监听事件 methods: { handleScroll() { const top = window.page ...
分类：
其他好文 时间：
2019-11-26 22:23:31
阅读次数：
71
在开发中，我们常常会去监听滚动事件或者用户输入框验证事件，如果事件处理没有频率限制，就会加重浏览器的负担，影响用户的体验感， 因此，我们可以采取防抖（debounce）和节流（throttle）来处理，减少调用事件的频率，达到较好的用户体验。 防抖（debounce）： 在事件被触发n秒后再执行回调 ...
分类：
其他好文 时间：
2019-11-07 18:54:44
阅读次数：
146
节流与防抖 节流和防抖，都是优化高频率执行操作的有效手段。 防抖函数 debounce 功能：连续的事件，只在最后一次触发时执行操作 应用场景：最常见的就是输入框验证，如：用户注册时候的手机号码验证或邮箱验证。只有等用户输入完毕后，才检查格式是否正确；搜索框sug请求 防抖函数的实现 节流函数 th ...
分类：
其他好文 时间：
2019-11-07 13:08:35
阅读次数：
93
methods: { // 获取滚动条当前的位置 getScrollTop() { let scrollTop = 0 if (document.documentElement && document.documentElement.scrollTop) { scrollTop = document ...
分类：
其他好文 时间：
2019-11-07 11:21:35
阅读次数：
197
分析 iOS的 wkwebview 在滚动时会暂停许多动画，作为优化 解决思路 监听滚动事件，利用文档重绘即可刷新动画 ps：因为滚动有惯性，touchmove事件只能监听到手指松开的那一刻，所以只能监听滚动事件 解决方法 ...
分类：
移动开发 时间：
2019-10-18 15:56:25
阅读次数：
151
/** * 页面滑动滚动事件 * @param e *///0为隐藏，1为显示var s = 1;function scrollFunc(e) { // e存在就用e不存在就用windon.event e = e || window.event;// 先判断是什么浏览器 if (e.wheelDel ...
分类：
Web程序 时间：
2019-10-17 01:18:59
阅读次数：
472
1，subTableView需要开启多手势识别，多层tableView都会响应滚动事件（如果底层是scroll 依然会响应，这样滚动tableview时，scroll也会滚动，导致滚动过于灵活）2，通过控制contentoffset在控制内外层tableView的滚动，模拟tableView无法滚动 ...
分类：
其他好文 时间：
2019-10-16 19:55:54
阅读次数：
88
注册infinite(50)是自定义的，详细暂时没去了解，可以不写即代表默认值。 注销代表当次数据列表的下拉框结束失效，下批数据列表需要下拉框时需要重新注册方可使用。 ...
分类：
Web程序 时间：
2019-10-10 10:33:20
阅读次数：
150
