渲染的理解

来源：16-4 网页加载和渲染的示例

慕丝1117639

2022-03-08

老师请问我们说的渲染就是将我们写的HTML标签显示在屏幕上吗？
按照您说的的渲染流程，以下图片这个代码中，看到的现象应该是，在aler()堵塞渲染的时候，屏幕上已经显示了P1、P2这两个内容才对，为什么js代码堵塞渲染的时候，屏幕上没有显示P1和P2呢？
图片描述

结果为:
图片描述

写回答

1回答

双越

2022-03-08

浏览器的渲染和显示都有各种细化和优化，为了不同情况下更好的用户体验。

渲染不一定就是显示在页面上。你可以在 alert 时，用 js 获取一下 p 的数量。如果能取到正确的数量，那就是 DOM 已经部分构建完成了。

alert(document.getElementsByTagName('p').length)

双越

慕丝1117639

光计算 render tree 的一些数据就很麻烦，例如一个 div 到底定位到哪里，宽高是多少，根据上下级节点计算，这就挺麻烦的。

2022-03-09

共2条回复

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4694 学习 · 1681 问题

相似问题

回答 2

回答 1

回答 2

回答 1

回答 1