1 MIN 2
浏览器是怎么把代码变成像素的:渲染流水线拆解
从 HTML/CSS/JS 到屏幕上的像素,中间经历了构建 DOM、样式计算、布局、绘制、合成。搞懂渲染流水线,才能真正写出不卡顿的页面。
前端浏览器性能
主要关于前端、桌面应用与全栈开发,偶尔也写点生活。
从 HTML/CSS/JS 到屏幕上的像素,中间经历了构建 DOM、样式计算、布局、绘制、合成。搞懂渲染流水线,才能真正写出不卡顿的页面。
用 low-res 画布 + 字符画出像素游戏素材,固定时间步长跑主循环,状态机管阶段切换——把小游戏动画效率讲清楚。
媒体查询看的是视口,容器查询看的是组件本身;:has() 让 CSS 第一次有了"父选子"的能力。两个特性合起来,组件才能真正自适应。
从"看一眼日志"到"先建假设再验证",分享一套可复制的排障流程,以及那些年踩过的"假线索"坑——调试最贵的不是时间,是被带偏的方向。
浏览器怎么处理懒加载图、next/image 的占位机制、为什么有些图会"闪烁"、本地图片与远程图该怎么配。一篇把图片优化的底层逻辑讲透的文章。
为什么旧终端机的像素一个字都不会糊?CRT 扫描线、硬偏移阴影、字符画图标——一篇讲复古终端美学的视觉与工程。
用判别式字段把联合类型拆干净,配合类型收窄,写出既灵活又安全的状态机 / API 响应处理代码,把运行时的"不可能"提前到编译期。
2C2G 的轻量服务器跑 Next.js 16,构建容易 OOM。本文对比三种部署姿势:服务器构建、Docker 多阶段、本地构建 + 产物上传。