Akira 前端手记前端工程手记 · 把复杂讲清楚https://akira-dev.com/浏览器渲染流水线：从 HTML 到屏幕像素https://akira-dev.com/posts/browser-rendering-pipeline/https://akira-dev.com/posts/browser-rendering-pipeline/一段 HTML 文本是怎么变成屏幕上一个个亮起来的像素的？理解这条流水线，是理解前端性能的第一步。Tue, 30 Jun 2026 00:00:00 GMT重新理解事件循环：宏任务、微任务与渲染时机https://akira-dev.com/posts/javascript-event-loop/https://akira-dev.com/posts/javascript-event-loop/为什么 Promise 总是比 setTimeout 先执行？事件循环不是一个面试八股，而是理解异步、动画与卡顿的钥匙。Thu, 25 Jun 2026 00:00:00 GMTCSS 布局的心智模型：文档流、Flexbox 与 Gridhttps://akira-dev.com/posts/css-layout-mental-model/https://akira-dev.com/posts/css-layout-mental-model/与其记忆几十个属性，不如建立一套心智模型——搞清楚"谁负责在哪个方向上分配空间"，布局就不再靠猜。Thu, 18 Jun 2026 00:00:00 GMT前端性能：关键渲染路径与 Core Web Vitalshttps://akira-dev.com/posts/web-performance-core-web-vitals/https://akira-dev.com/posts/web-performance-core-web-vitals/性能优化不该是玄学。把'用户什么时候看到内容、什么时候能交互'量化成几个指标，优化就有了明确的靶子。Wed, 10 Jun 2026 00:00:00 GMTTypeScript 类型系统：把类型当作集合来思考https://akira-dev.com/posts/typescript-type-system/https://akira-dev.com/posts/typescript-type-system/联合、交叉、窄化、never……这些概念单独记很零碎。但只要接受一个前提——类型就是值的集合——它们会瞬间连成一张网。Tue, 02 Jun 2026 00:00:00 GMT