经常面试问到的首屏页面闪烁的文图解决的方案

45 阅读1分钟

之前面试的时候总是会问 页面出现闪烁的情况您的怎么回答的 1 loading ...... 给页面一个loading效果 组建加载完成之后就页面在显示。

2 减少请求次数 优化静态文件 优化 css. 上面的问题让我回答的时候总是不够自信 除了以上解决。确实也想不到其他的

下面就仔细的讲讲 首频加载 出现闪烁的问题我们应该怎么处理

  • loading 若数据加载时间较长,页面在数据更新时可能会闪烁。可以使用加载状态来避免这种情况
  • 分子导致的问题 首屏一般会是 EChart图的展示 会不会是动画引起的闪烁 ,尝试调整动画参数或者禁用动画。在
const option = {
  tooltip: {
    trigger: "item",
  },
  series: [
    {
      name: "访问来源",
      type: "pie",
      radius: "50%",
      // 添加3D效果
      animation: false, // 禁用动画
      // ... 已有代码 ...
    }
  ]
};
  • 频繁的重渲染可能会导致页面闪烁
  • 用v-cloak来
    ` //dom 的书写

//css样式 [v-cloak]{ display:none !import } ` 应该就是这些 有大大 有其他的方法 可以请教一下哦 欢迎留言 感谢