之前面试的时候总是会问 页面出现闪烁的情况您的怎么回答的 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 } ` 应该就是这些 有大大 有其他的方法 可以请教一下哦 欢迎留言 感谢