为什么要将脚本标签放在 div 的下面？

最编程 2024-04-15 22:53:21

...

放在底部可以优先加载页面的内容结构,提升页面渲染速度。只有等到HTML解析完成后,才会开始执行main.js,避免JS阻塞页面解析，

同时main.js里可能会操作DOM,如果放头部,可能会找不到节点而报错

 <body>
     <div id="root">
         <App></App>
     </div>
     <script type="text/javascript" src="../js/vue.js"></script>
     <script type='text/javascript' src="./main.js"></script>
 </body>

这样写更符合代码加载的逻辑先后顺序,先加载页面结构,再开始初始化JS应用

vue.js也是同理，vue.js先到达战场，main.js随后到...

上一篇： Matplotlib 绘制正弦和余弦曲线

下一篇：编程之美（Java 实现）：利用 CPU 绘制直线和正弦曲线（Java 实现）