解决vue首屏加载太慢, 白屏时间太长

1,617 阅读1分钟

解决vue首屏加载太慢, 白屏时间太长

通过在app 里面写入一个loading的动画, 不让页面白屏, 即使白屏也展示那个loading页面 但是中途网速慢的情况也会出现一会白屏, 最佳实践: 在app底部添加该loading元素, 然后设置对应的层级为 -1, 当app中有内容的时候就会把原有的loading图顶掉

  <div id="app"></div>
  <div id="loader-wrapper">
      <div id="loader"></div>
      <div class="loader-section section-left"></div>
      <div class="loader-section section-right"></div>
      <div class="load_title">正在加载系统资源,请耐心等待</div>
  </div>
<!-- loading样式自己写 -->