首页
个人开发
工作相关
共享
搜索
登录
搜索
colo
欲买桂花同载酒
累计撰写
1823
篇文章
累计收到
0
条评论
首页
栏目
首页
个人开发
工作相关
共享
浏览器原理
2025-12-14
描述浏览器从获取HTML到显示页面的关键渲染步骤
浏览器渲染页面的主要步骤:解析HTML:构建DOM树解析CSS:构建CSSOM树合并DOM与CSSOM:形成渲染树(Render Tree)布局计算:确定节点位置和尺寸(Layout)绘制页面:将渲染树转换为屏幕像素(Paint)
2025年-12月-14日
0 阅读
0 评论
浏览器原理
2025-12-12
解释浏览器渲染流程中的重排(Reflow)和重绘(Repaint)
重排和重绘是浏览器渲染的关键步骤:重排(Reflow):计算元素几何属性(尺寸/位置),触发条件包括修改布局属性(如宽度、高度、字体大小)重绘(Repaint):更新元素外观(颜色/背景等),不改变布局优化原则:避免频繁重排,批量DOM操作,使用transform/opacity等GPU加速属性
2025年-12月-12日
3 阅读
0 评论
浏览器原理
2025-12-11
事件循环与任务队列执行顺序分析
当浏览器执行以下代码时:console.log('script start'); setTimeout(() => console.log('setTimeout'), 0); Promise.resolve() .then(() => console.log('promise1')) .then(() => console.log('promise2')); console.log('script end');输出顺序为:'script start''script end''promise1''promise2''setTimeout'核心原因:同步代码立即执行微任务(Promise)优先于宏任务(setTimeout)执行事件循环按阶段处理任务队列
2025年-12月-11日
3 阅读
0 评论
浏览器原理
2025-12-11
浏览器事件循环机制解析与宏任务/微任务执行顺序
事件循环是浏览器处理异步任务的核心机制,其执行顺序为:执行同步代码(调用栈清空)执行所有微任务(如Promise)执行一个宏任务(如setTimeout)重复步骤2-3关键区别:宏任务:setTimeout, setInterval, I/O, UI渲染微任务:Promise.then, MutationObserver, queueMicrotask
2025年-12月-11日
3 阅读
0 评论
浏览器原理
2025-12-8
请描述浏览器从输入URL到页面渲染的整个过程
浏览器渲染页面的核心流程:导航阶段:URL解析、DNS查询、TCP连接资源获取:HTTP请求/响应、缓存检查解析与构建:DOM树/CSSOM树构建渲染流程:生成渲染树、布局计算、绘制与合成优化关键点:减少关键资源、压缩文件、异步加载
2025年-12月-8日
3 阅读
0 评论
浏览器原理