elbwalker 对大量dom更新 querySelectorAll对页面加载影响

Jayyyw

已于 2023-12-29 14:50:03 修改

阅读量348

点赞数 8

文章标签：前端 javascript 开发语言

于 2023-12-29 14:49:22 首次发布

本文链接：https://blog.csdn.net/qq_26061565/article/details/135290962

版权

// Called for each new run to setup triggers
export function triggerLoad(prefix: string) {
  // Trigger static page view
  view();

  // Trigger load
  d.querySelectorAll(getActionselector(prefix, 'load')).forEach((element) => {
    handleTrigger(element, 'load', prefix);
  });

  // Trigger wait
  d.querySelectorAll(getActionselector(prefix, 'wait')).forEach((element) => {
    setTimeout(() => handleTrigger(element, 'wait', prefix), 4000); // @TODO use dynamic value
  });

  observeElements = []

  // Trigger visible
  triggerVisible(prefix, d, true);

  const mutationObserver = trycatch(observerDomChange)(prefix);
  mutationObserver.observe(d, {
    childList: true, // 观察目标子节点的变化，是否有添加或者删除
    attributes: true, // 观察属性变动
    subtree: true, // 观察后代节点，默认为 false
  })
}

默认展示

规则提示

默认展示

规则提示