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

简介: 为什么把script标签放在div下面?

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

相关文章
|
9月前
|
前端开发
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
132 0
|
移动开发 JavaScript
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
289 0
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
|
前端开发
关于html中 ul li 中加入div(div位置随意设置)的问题
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &l
1877 0
|
Web App开发 前端开发
|
Web App开发 前端开发 iOS开发
JS+DIV实现自定义Title的显示方式
     自定义的title显示方式一直在华夏用,当你的鼠标悬停在带有提示的链接上时会有自定义的显示内容出现,显示的内容支持html代码,但是这个效果不支持firefox及其他浏览器,最近对之进行了改进,终于兼容了FF,Safari。代码如下:   var qTipTag = "a"; //Which tag do you want to qTip-ize? Keep it lowerc
1210 0
|
JavaScript 前端开发 Go
script 标签|学习笔记
快速学习 script 标签
|
Web App开发 前端开发 容器
CSS之div和span标签
div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。 这两个东西,都是最最重要的“盒子”。   1                2                         中国主要城市 3               ...
737 0
|
5月前
|
前端开发
为什么最好把 CSS 的 link 标签放在 head 标签之间?
为什么最好把 CSS 的 link 标签放在 head 标签之间?
|
JavaScript
JS 中div内容的显示和隐藏
1. document.getElementById("dialog-auclot-status").style.display="none";//页面加载时隐藏 最后一个DIV元素   2. document.
866 0

热门文章

最新文章