为什么把script标签放在div下面？

最新推荐文章于 2024-05-30 11:27:58 发布

即兴小索奇

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量275

点赞数 2

分类专栏： java 文章标签： vue.js

本文链接：https://blog.csdn.net/m0_64880608/article/details/137710046

版权

java 专栏收录该内容

130 篇文章 0 订阅

订阅专栏

放在底部可以优先加载页面的内容结构,提升页面渲染速度。只有等到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随后到...

优惠劵

即兴小索奇

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
为什么把script标签放在div下面？

放在底部可以优先加载页面的内容结构,提升页面渲染速度。只有等到HTML解析完成后,才会开始执行main.js,避免JS阻塞页面解析，同时main.js里可能会操作DOM,如果放头部,可能会找不到节点而报错。这样写更符合代码加载的逻辑先后顺序,先加载页面结构,再开始初始化JS应用。vue.js也是同理，vue.js先到达战场，main.js随后到...
复制链接

扫一扫