网页浏览器 浏览器渲染管线:从 HTML 字节流到像素 拆解浏览器把一份 HTML 文档转换成屏幕像素所经历的完整链路:编码嗅探、分词建树、样式计算、布局、绘制与合成,以及各阶段之间的阻塞关系与优化切入点。 2026-09-18 4 分钟 1493 字 渲染 DOM CSSOM 布局 合成
工程图纸浏览器 矢量路径与线宽映射 矢量路径由直线、圆弧与曲线段构成,渲染时需要按容差离散化并叠加描边。本文讨论曲线的离散容差、线宽在世界坐标与设备坐标两种定义下的换算、非等比缩放造成的线宽畸变、虚线图案的弧长分布与相位,以及连接与端点样式对边缘的影响。 2026-09-06 5 分钟 1773 字 矢量 几何 渲染 精度
工程图纸浏览器 图层管理与坐标系变换 图纸实体按图层组织,坐标则在多个坐标系之间逐层映射。本文说明图层开关、冻结与锁定在语义上的差别,世界坐标与对象坐标、用户坐标的关系,仿射矩阵的复合顺序,嵌套块引用带来的变换叠加,以及屏幕坐标与图纸坐标的往返换算。 2026-09-08 5 分钟 1724 字 图层 坐标系 几何 渲染
网页浏览器 事件循环与任务队列 解析 JavaScript 的调度模型:宏任务与微任务的划分、事件循环每一轮的执行顺序、渲染时机的插入位置,以及微任务队列的清空规则与 Node.js 事件循环的差异。 2026-09-21 4 分钟 1234 字 事件循环 并发 渲染
工程图纸浏览器 WebGL 下的大图幅分块加载 大幅面图纸在 WebGL 中需要分块加载才能控制显存与精度。本文讨论瓦片切分与空间索引、可见瓦片判定、层级细节的取舍、调度与预取策略、顶点缓冲的复用方式,以及大坐标下 32 位浮点的误差与浮动原点的处理。 2026-09-12 5 分钟 1836 字 GPU 渲染 缓存 矢量