当前位置: 首页 > news >正文

为什么把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随后到...

http://www.lryc.cn/news/339460.html

相关文章:

  • Git 自定义命令
  • SpringBoot多数据源配置及使用
  • 12-项目部署_持续集成
  • 文献阅读:LESS: Selecting Influential Data for Targeted Instruction Tuning
  • 应对中年危机-高效学习
  • Java二叉树(2)
  • 关于AG32 MCU的一些奇思妙想
  • 除了sql外还有那些查询语言
  • 构建第一个ArkTS用的资源分类与访问
  • JVM中都有哪些引用类型
  • 分布式锁-Redission快速入门
  • IDEA 本地库引入了依赖但编译时找不到
  • hadoop最新详细版安装教程 2024 最新版
  • Unity 中画线
  • 【快捷部署】017_MongoDB(6.0.14)
  • Android中的Zygote进程介绍
  • 世界需要和平--中介者模式
  • PHPStudy(小皮)切换PHP版本PDO拓展失效的问题
  • Golang 基于共享变量的并发锁
  • 探索分布式技术--------------注册中心zookeeper
  • 剑指offer之牛客与力扣——前者分类题单中的题目在后者的链接
  • C# WinForm —— 05 控件简介
  • JavaEE实验三:3.5学生信息查询系统(动态Sql)
  • 【爬虫开发】爬虫从0到1全知识md笔记第5篇:Selenium课程概要,selenium的其它使用方法【附代码文档】
  • 【我的代码生成器】React的FrmUser类源码
  • Flutter 单例模式的多种实现方法与使用场景分析
  • C语言洛谷题目分享(9)奇怪的电梯
  • vue 中使 date/time/datetime 类型的 input 支持 placeholder 方法
  • 书生·浦语大模型全链路开源体系-第3课
  • Weblogic任意文件上传漏洞(CVE-2018-2894)漏洞复现(基于vulhub)