文章

按主题整理的笔记：有的从概念讲起，有的直接拆一段代码。分类之间不必按顺序读，遇到具体的疑问再翻也行。

当前：全部文章 · 共 7 篇

CSS 布局与样式·2026 年 9 月 28 日·约 8 分钟

Flex 布局的三个属性，先把主轴想清楚

刚学 Flex 时最容易把 justify-content 和 align-items 记混。这篇笔记从主轴出发，把方向、对齐与伸缩三件事拆开，再说明什么时候应该换成 Grid。

Flex布局

JavaScript 核心·2026 年 9 月 16 日·约 6 分钟

把事件循环讲成一句话：先同步，再微任务

面试里常被问到的事件循环，本质上是一轮一轮的清空顺序。这篇笔记用最小的例子说明同步代码、微任务与渲染之间的关系。

事件循环异步

React 实践·2026 年 9 月 3 日·约 9 分钟

useEffect 到底什么时候执行：依赖数组与渲染的关系

把 useEffect 当成生命周期来记，很容易写出重复请求和内存泄漏。这篇笔记从渲染结果出发，说明依赖数组、清理函数与请求时机。

Hooks副作用

HTML 基础·2026 年 8 月 21 日·约 5 分钟

语义化标签不是规范要求，是可维护性

div 能撑起整个页面，但那会让后来的自己和读屏软件都很难受。这篇笔记整理语义标签的判断方式和三个常见结构问题。

语义化结构

CSS 布局与样式·2026 年 8 月 7 日·约 7 分钟

从 Flex 到 Grid：什么时候该换布局模型

两者不是替代关系。这篇笔记用卡片列表和页面骨架两个例子，说明按维度选择布局模型，比记住所有属性更实用。

Grid布局

JavaScript 核心·2026 年 7 月 24 日·约 6 分钟

闭包不是玄学：从作用域链看内存里留下的是什么

闭包常被解释成「函数记住了外部变量」，但更关键的是它为什么会被保留、什么时候会被释放，以及它在真实代码里的两种常见用法。

闭包作用域

React 实践·2026 年 7 月 10 日·约 5 分钟

受控与非受控：表单状态该放在哪里

一个输入框的 value 由谁控制，决定了校验、重置和提交的写法。这篇笔记对比两种方式，并给出一个简单的选择标准。

状态表单