HTML
VIctor_Ye
这个作者很懒,什么都没留下…
展开
-
浏览器渲染机制之DTD、DOCTYPE详解
很多初为全段工程师的小伙伴们会发现,平常可以熟练地做很多web应用,驰骋在由HTML解析而来的DOM树之间,但是对于一些司空见惯的标准或规范,却鲜有人能答得上来。 比如,什么是DTD?什么是Doctype?常见的DOCTYPE有哪些? 很多人会觉得,这不是很简单么?但是又有多少人能讲清楚呢? 什么是DTD? DTD,是Document Type Definition的简称,是一系列标记语言...原创 2018-10-06 11:29:22 · 298 阅读 · 0 评论 -
浏览器渲染机制之重排Reflow
什么是Reflow? DOM结构中每个元素都有自己的盒子模型,都需要浏览器根据各种样式来计算并根据计算结果将元素放到它该出现的位置, 这个过程称之为reflow 什么时候会触发Reflow? 修改Dom节点 移动Dom位置、或是动画 修改CSS样式 resize窗口,滚动窗口 修改网页默认字体 更多文章请查阅: 浏览器渲染机制之DTD、DOCTYPE详解 浏览器渲染机制之渲染过程 ...原创 2018-10-06 12:05:13 · 430 阅读 · 0 评论 -
浏览器渲染机制之repaint
什么是repaint? 当每个元素(每个元素皆为盒子模型)的位置、大小以及其他属性(如颜色、字体等)都计算完毕后,浏览器随后把这些元素重新 画了一遍,这个过程为repaint。 什么时候触发repaint? 修改dom 修改css 更多文章请查阅: 浏览器渲染机制之DTD、DOCTYPE详解 浏览器渲染机制之渲染过程 浏览器渲染机制之重排...原创 2018-10-06 12:13:25 · 320 阅读 · 0 评论