参考文章:
passive改善滚屏性能
passive 的事件监听器
根据规范,passive
选项的默认值始终为false。但是,这引入了处理某些触摸事件(以及其他)的事件监听器在尝试处理滚动时阻止浏览器的主线程的可能性,从而导致滚动处理期间性能可能大大降低。
Taro 编译h5版本 警告的临时解决办法
将.node_modules@tarojs\components\dist\esm 找到警告的文件 ‘index-310d****’
plt下的 ael和rel listener第三个参数修改为 { passive: true }
const plt = {
$flags$: 0,
$resourcesUrl$: '',
jmp: h => h(),
raf: h => requestAnimationFrame(h),
// ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
// rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, { passive: true, capture: opts}),
rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, { passive: true, capture: opts}),
ce: (eventName, opts) => new CustomEvent(eventName, opts),
};
保存后警告立即消失