资讯专栏INFORMATION COLUMN

移动端提高滑动的流畅度

afishhhhh / 1871人阅读

摘要:最近用插件做滑动,出现有卡顿现象,百度原来是浏览器事先不知道是否要实现默认事件,只有到处理函数执行完了才知道,即使是空的执行函数,也会造成卡顿而就是用来解决这个问题的,事先告诉浏览器是否要阻止默认事件

1.最近用iscroll插件做webApp滑动,出现有卡顿现象,百度原来是浏览器事先不知道是否要实现默认事件,只有到处理函数执行完了才知道,即使是空的执行函数,也会造成卡顿
2.而passive就是用来解决这个问题的,事先告诉浏览器是否要阻止默认事件

document.addEventListener("touchmove", function (e) { e.preventDefault(); }, isPassive() ? {
    capture: false,
    passive: false
} : false);

function isPassive() {
  var supportsPassiveOption = false;
  try {
    addEventListener("test", null, Object.defineProperty({}, "passive", {
      get: function () {
        supportsPassiveOption = true;
      }
    }));
  } catch(e) {}
  return supportsPassiveOption;
}

https://www.cnblogs.com/ziyun...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92299.html

相关文章

  • Vue全家桶商城全站升级之引入HTTPS,PWA,错误监控,持续构建。

    摘要:免费升级到升级到后,服务器可以开启版本,对比性能和缓存各方面要更好,还有其他新特性,可以启动功能,更好的进行离线缓存,更好的离线体验。 showImg(https://segmentfault.com/img/remote/1460000012773891?w=370&h=661); 在线地址:https://fancy.czero.cn 手机扫描二维码查看: showImg(http...

    zengdongbao 评论0 收藏0
  • vue源码解析(passive特性,感觉是面试加分项)

    摘要:突然发现一个特性。这里核心是检查是否支持,是什么提出的一个新的浏览器特性开发者通过一个新的属性来告诉浏览器,当前页面内注册的事件监听器内部是否会调用函数来阻止事件的默认行为,以便浏览器根据这个信息更好地做出决策来优化页面性能。 今天我看源码,因为一边看一边记笔记所以看的慢。突然发现一个特性。所以单独开一篇。感觉是一个秀bigger的特性,如果有一天面试官问你发现优化页面的时候,你提出可...

    0x584a 评论0 收藏0
  • vue源码解析(passive特性,感觉是面试加分项)

    摘要:突然发现一个特性。这里核心是检查是否支持,是什么提出的一个新的浏览器特性开发者通过一个新的属性来告诉浏览器,当前页面内注册的事件监听器内部是否会调用函数来阻止事件的默认行为,以便浏览器根据这个信息更好地做出决策来优化页面性能。 今天我看源码,因为一边看一边记笔记所以看的慢。突然发现一个特性。所以单独开一篇。感觉是一个秀bigger的特性,如果有一天面试官问你发现优化页面的时候,你提出可...

    phodal 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<