如何避免在 Chrome 上加载页面时由于 Javascript 延迟导致的闪退？答案

【问题标题】：How to avoid the flash out caused by Javascript latency when page loading on Chrome?如何避免在 Chrome 上加载页面时由于 Javascript 延迟导致的闪退？
【发布时间】：2016-12-17 16:57:51
【问题描述】：

当使用Vue.js 或任何其他Javascript 构建页面时，不可避免的构建延迟会导致在Chrome 上加载页面时出现短暂但烦人的闪退。延迟不是由异步ajax 请求导致的，而只是构造处理。我们怎样才能避免这种情况？这个问题在FireFox和Safari上不存在，我猜他们在渲染和构建完成之前不会显示页面，但是在Chrome上，它会在渲染和构建的同时并排显示页面，所以你会看到页面是波动的，这真的是不能接受的。谁有好的想法？

【问题讨论】：

标签： javascript jquery google-chrome frontend vue.js

【解决方案1】：

我不知道这个库的确切问题，但是

尝试使用 css 来掩盖正在构建的项目可见性：隐藏甚至显示：无。或者仍然显示一些进展但在某种程度上减轻了效果 - 屏幕覆盖（顶级 div 位置：固定；顶部：0；左：0；宽度：100%；高度：100%；背景：rgba（0,0， 0,0.7); /* 第四个 alpha 标记覆盖层的暗度 - 越接近 1 越暗 */)

【讨论】：