▶ NEW: 浏览器是怎么把代码变成像素的：渲染流水线拆解●▶ NEW: canvas 像素游戏入门：从字符画到 60fps 主循环●▶ NEW: 别再写死断点了：容器查询与 :has() 带来的布局革命●▸ WELCOME TO 馒头的小站 · 像素复古未来主义●▸ RSS / sitemap / OG 即将上线●▶ NEW: 浏览器是怎么把代码变成像素的：渲染流水线拆解●▶ NEW: canvas 像素游戏入门：从字符画到 60fps 主循环●▶ NEW: 别再写死断点了：容器查询与 :has() 带来的布局革命●▸ WELCOME TO 馒头的小站 · 像素复古未来主义●▸ RSS / sitemap / OG 即将上线●▶ NEW: 浏览器是怎么把代码变成像素的：渲染流水线拆解●▶ NEW: canvas 像素游戏入门：从字符画到 60fps 主循环●▶ NEW: 别再写死断点了：容器查询与 :has() 带来的布局革命●▸ WELCOME TO 馒头的小站 · 像素复古未来主义●▸ RSS / sitemap / OG 即将上线●
_
最新文章
查看全部 1 MIN 2
浏览器是怎么把代码变成像素的：渲染流水线拆解
从 HTML/CSS/JS 到屏幕上的像素，中间经历了构建 DOM、样式计算、布局、绘制、合成。搞懂渲染流水线，才能真正写出不卡顿的页面。
前端浏览器性能
2 MIN 10
canvas 像素游戏入门：从字符画到 60fps 主循环
用 low-res 画布 + 字符画出像素游戏素材，固定时间步长跑主循环，状态机管阶段切换——把小游戏动画效率讲清楚。
前端Canvas游戏
1 MIN 1
别再写死断点了：容器查询与 :has() 带来的布局革命
媒体查询看的是视口，容器查询看的是组件本身；:has() 让 CSS 第一次有了"父选子"的能力。两个特性合起来，组件才能真正自适应。
CSS前端响应式
1 MIN 1
调试不是玄学：我排障时的固定四步法
从"看一眼日志"到"先建假设再验证"，分享一套可复制的排障流程，以及那些年踩过的"假线索"坑——调试最贵的不是时间，是被带偏的方向。
方法论调试随笔
1 MIN 14
Next.js 图片优化：从懒加载占位到性能的完整认知
浏览器怎么处理懒加载图、next/image 的占位机制、为什么有些图会"闪烁"、本地图片与远程图该怎么配。一篇把图片优化的底层逻辑讲透的文章。
Next.js性能优化前端
1 MIN 8
老式终端美学：CRT 扫描线、像素风与 read-only 精神
为什么旧终端机的像素一个字都不会糊？CRT 扫描线、硬偏移阴影、字符画图标——一篇讲复古终端美学的视觉与工程。
设计前端CSS
2 MIN 2
TypeScript 判别联合：让"不可能状态"在编译期就报错
用判别式字段把联合类型拆干净，配合类型收窄，写出既灵活又安全的状态机 / API 响应处理代码，把运行时的"不可能"提前到编译期。
TypeScript前端基础
1 MIN 56
小内存服务器部署 Next.js 的三种姿势
2C2G 的轻量服务器跑 Next.js 16，构建容易 OOM。本文对比三种部署姿势：服务器构建、Docker 多阶段、本地构建 + 产物上传。
部署DockerDevOps
1 MIN 88
像素复古未来：把博客改造成 CRT 终端
从"橘子味"的暖橙极简风，到深色 CRT + 像素切角的新美学，记录一次完整的设计系统重构。
设计前端CSS
2 MIN 47
中职编程「备教学研管评育」七位一体智能体：节点架构全解
一套覆盖备课、教学、学习、教研、管理、评价、育人七大域的中职编程教学智能体。本文拆解其角色路由、分类器、参数提取、RAG 检索、代码执行验证与兜底策略。
AI Agent智能体教育中职