Flexbox 与 Grid：一维与二维的取舍，布局方案怎么选？
Flexbox 适合一维排列，Grid 擅长二维布局。本文从使用场景出发，对比两者的核心差异，并给出选型建议与常见误区。
阅读全文
个人技术博客 · 前端方向
前端技术随记
记录前端开发路上的思考、踩坑与实践。内容均为个人学习笔记，随记随写，欢迎交流指正。
6篇文章
前端方向
2026持续更新
最新文章
Articles浏览器事件循环：宏任务与微任务的执行顺序
setTimeout 里的代码一定在 Promise.then 之前执行吗？本文用一段可运行示例，把事件循环的调度规则讲清楚。
阅读全文浏览器缓存机制详解：强缓存与协商缓存
200 from disk cache 和 304 有什么区别？Cache-Control 的 max-age、no-cache、no-store 各代表什么？一文理清浏览器缓存全链路。
阅读全文首屏性能优化实践清单：从指标到落地
LCP、CLS、INP 这些指标怎么理解？图片、字体、脚本、CSS 分别有哪些立竿见影的优化手段？整理一份可以直接照着做的清单。
阅读全文TypeScript 泛型：从工具函数到类型体操入门
泛型不只是尖括号里的 T。从约束、extends、keyof 开始，看懂 Partial、Pick、Record 这些内置工具类型到底做了什么。
阅读全文Vite 为什么快？聊聊构建工具的进化
从 Webpack 的打包思维到 Vite 的原生 ESM，冷启动、按需编译、HMR 这些概念背后，是构建工具范式的转变。
阅读全文关于本站
About一个普通前端开发者的学习笔记
本站是一个个人性质的技术博客，备案主题为「前端技术文章随记」。内容以个人前端开发学习、 实践记录为主，包含布局方案、JavaScript 原理、浏览器机制、性能优化、TypeScript 与工程化等方向的文章。
- 站点性质：个人博客，非企业、团体网站，不设论坛，不涉及任何经营、销售内容；
- 内容来源：全部为个人原创技术笔记与学习总结；
- 写作方式：随记随写，保持更新，如有错误欢迎指正交流。
详细说明见 关于本站 页面。