怎么在页面白屏前加载加载loading 动画？

主要是怎么判断是白屏，怎么卡这个时间点？

阅读 5.7k

2 个回答

得票最新

react 举例：

<body>
  <div id="app"><div class="loading-spin">loading...</div>
</body>

ReactDOM.render(<App />, document.getElementById('app'));

js 的代码还没有解析完的时候，id 为 app 的节点展示的是 HTML 的 loading，当 js 解析完，会替换 id 为 app 的节点，loading 效果被 js 内的内容代替掉了。

这个不用卡。其实可以在html 的body里面添加一个默认loading，一段静态html代码，在页面需要loading.close的地方把这个dom移除掉就好了，这样的话 html资源一出来，还没加载js之前就有loading了。

撰写回答

推荐问题

相似问题

找不到问题？创建新问题