Akira 前端手记是一个专注于前端工程的个人技术站点。名字取自域名 akira-dev.com:akira(明)意为清晰、明亮,而这也正是这个站点想做的事——把前端开发里那些容易被绕晕的概念,讲得再清楚一点。
这里写什么↗
前端是一门”看起来简单、深挖起来到处是坑”的手艺。浏览器如何把一段 HTML 变成屏幕上的像素、事件循环为什么决定了动画是否流畅、一次布局重排的代价究竟有多大——这些问题平时写业务代码时未必会遇到,可一旦遇到,往往就是性能瓶颈或诡异 Bug 的根源。
这个站点记录的,就是我在工作与学习中反复琢磨、并且觉得值得写下来的内容,大致围绕几个方向:
- 浏览器原理:渲染流水线、事件循环、重排与重绘、合成层。
- 语言与类型:JavaScript 的运行机制、TypeScript 的类型系统。
- 布局与样式:文档流、Flexbox、Grid 背后的心智模型。
- 工程与性能:关键渲染路径、Core Web Vitals、构建与模块化。
写作时我尽量遵循一个原则:先讲清楚”为什么会这样”,再给出”应该怎么做”。结论容易记,但真正能迁移到新问题上的,是背后的原理。
关于作者↗
我是一名前端工程师,日常和浏览器、构建工具、以及各种边界情况打交道。写这些文章一半是为了整理自己的思路——很多概念只有在能写清楚的时候,才算真正想明白了;另一半,是希望它们能帮到某个正在被同样问题困住的人。
如果文中有疏漏或值得讨论的地方,欢迎通过页面底部的链接找到我。
关于本站↗
本站使用 Astro 构建,是一个纯静态、以阅读体验为先的技术博客。正文采用衬线字体排版,配色与间距都以长文阅读的舒适度为优先考量。所有内容均为原创技术笔记,不含商业推广。