摘要: <script type="module"> import {addTextToBody} from './utils.js'; addTextToBody('Modules are pretty cool.');</script> 阅读全文
posted @ 2021-04-30 10:21 倔强的代码人 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 如果将 js 放在 head 里面,则会先被浏览器解析,但是这时的 body 还没被解析,如果这个时候,浏览器解析到 js 出现错误,就会阻止后续的渲染。 例外的话? 一般都会绑定一个监听 onload,当全部的html文档解析完之后,再执行代码 window.onload = function() 阅读全文
posted @ 2021-04-30 10:19 倔强的代码人 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 浏览器的渲染机制解析 DOM 树 解析 CSSDOM 树 有了 DOM 树,CSSDOM 树,进行渲染,形成 Render Tree layout 浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系,从而去计算出每个节点在屏幕中的位置 painting 绘制 reflow 回流 阅读全文
posted @ 2021-04-30 10:13 倔强的代码人 阅读(196) 评论(0) 推荐(0) 编辑