摘要: 视觉格式化模型 盒模型: 规定单个盒子的规则 视觉格式化模型(布局规则):页面中的多个盒子的排列规则,大致为:按照代码书写顺序先从上到下,然年从左到右(国内)。 视觉格式化模型大体上将盒子的排列分为三种方式: 常规流 浮动 绝对定位 常规流布局 常规流、文档流、普通文档流,常规文档流。 所有元素,默 阅读全文
posted @ 2024-03-19 22:16 冰凉小手 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 属性值的计算过程 一个元素一个元素依次渲染,顺序按照页面文档的树形目录结构进行 渲染每个元素的前提条件:该元素的所有css属性必须由值 一个元素,从所有属性都没有值,到所有属性都有值,这个计算过程,叫做属性值计算过程 1.确定声明值 参考样式表(作者样式表和浏览器默认样式表)里没有冲突的声明,作为c 阅读全文
posted @ 2024-03-19 22:10 冰凉小手 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 概述 重排: 部分渲染树(或者整个渲染树)需要重新分析计算,重新生成布局,重新排列元素。 重绘: 由于节点的某些属性发生改变或者样式发生改变,例如改变背景色或者文本内容时,屏幕上的部分内容需要更新,表现为某些元素的外观被改变。 单单改变元素的外观,肯定不会引起网页重新生成布局,但当浏览器完成重排之后 阅读全文
posted @ 2024-03-19 21:50 冰凉小手 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 原文 概述 JS大致的执行过程是这样的:JS引擎会先对 JavaScript 代码进行解析(词法分析,语法分析),生成 AST 树,然后转换成机器指令,进而在CPU 中进行运行。如下图所示: 而在这个过程中,最基础的,也是最重要的就是理解执行上下文(EC:Execution Context),这都有 阅读全文
posted @ 2024-03-19 07:50 冰凉小手 阅读(16) 评论(0) 推荐(0) 编辑