共计 884 个字符，预计需要花费 3 分钟才能阅读完成。
简介 HTML CSS JS
简单的说 html 是标签里的内容以文本形式呈现, 然后我们用 css 去修饰 (化妆) 这些文本, js 是我们用来去后端的数据库提取数据然后传送给前端并且存放在 html 里.
Javascript 分为三部分
1.ECMAScript 语言规范, 由欧洲计算机制造商协会去制定一些脚本语言规范标准.
2.DOM(document object model)文档对象模型, 它提供了对文档的结构化表述, 并定义了一种方式可以从程序中的结构进行访问并且修改改文档的结构, 样式和内容.
3.BOM(browser object model) 浏览器对象模型, 将我们使用的浏览器抽象成对象模型.
引入 js
js 和 css 的引入有点相似, 例如同样可以使用内联样式或者是外部引入.
1. 我们可以使用<link rel="stylesheet" href="js 的相对路径">
2. 可以在 body 或者是 head 书写<script> </script>. 一般会写在所有标签的后面, 也就是 body 标签里的最后一个元素.
页面解析
浏览器会从页面的顶部开始解析. 当浏览器解析过程中遇到了一个 css link 标签, 他会先去下载 css 代码然后继续解析, 遇到 script 标签也一样.
script 里面具有两个属性 (defer async)
defer(延迟): 在浏览器解析 HTML 文档时, 如果遇到了带有defer 的script标签, 浏览器会立即下载这个文件, 在下载的同时会去不会像默认那样停止渲染和解析, 而是会在下载的同时继续去解析渲染 HTML, 一旦页面渲染完毕之后就会执行该文件.
async(异步): 在浏览器遇到带有 async 的 script 标签时, 用样的会立即下载该文件并且在下载的同时会去解析和渲染 html, 但是一旦文件下载完成就会停止解析 HTML 并且去执行这个已经下载好了的文件, 等执行完成后再会去继续解析 HTML
这里也可以听出来一些利弊.defer的话得等页面加载和渲染完成之后在能去执行 js 文件, 相对来说耗时比较多, 但是 async 的话标签执行顺序不同, 基于哪个标签先加载完成去执行哪个, 并且无论 js 执行的那段 html 是否已经渲染完成.