关于我
石头，一名 Web 前端开发者。写页面，也写学习过程中的笔记。
这个站点从「把学过的东西记下来」开始。相比收集链接，我更愿意把一段原理重写一遍，确认自己真的理解了，再发出来。
石头
个人介绍
我主要做 Web 前端开发：写页面、做组件、处理数据和界面的配合。工作里遇到的多数问题，最后都会回到几个很小的知识点上，比如布局为什么没对齐、这段代码为什么执行得比预期晚。
所以我把学习过程整理成了笔记。写的时候会尽量交代清楚背景：这段代码要解决什么、为什么这样写、换一种写法会出什么问题。读起来可能比直接给结论慢一点，但更适合回头查。
这个站点没有评论区和复杂的功能，只有文章和分类。如果你也在学前端，希望这里的某一篇能帮你少绕一点路。
技术栈
HTML
- 语义化标签与文档结构日常使用
- 表单与基础可访问性日常使用
- 页面大纲与标题层级日常使用
CSS
- 盒模型与常规文档流日常使用
- Flex 与 Grid 布局日常使用
- 响应式断点与流式排版日常使用
JavaScript
- 作用域、闭包与原型日常使用
- 事件循环与异步流程日常使用
- DOM 与浏览器 API日常使用
React 与工具
- 组件拆分与状态设计日常使用
- Hooks 与副作用管理持续深入
- 路由与构建工具持续深入
学习历程
入门
从一张静态页面开始
先照着做出一张能看的页面，理解标签、样式与浏览器渲染的基本关系。
补基础
把布局和原理弄明白
盒模型、Flex、Grid 逐个动手验证，同时补上作用域、异步这些容易被跳过的部分。
上手框架
用组件的方式思考界面
从写页面转向拆组件，关注状态放在哪里、副作用什么时候执行。
持续输出
把理解写成笔记
每学完一块就写一篇，讲不清楚的地方就是还没学会的地方。
写作与内容方向
会写什么
- HTML 基础/文档结构、语义标签与可访问性的起点
- CSS 布局与样式/盒模型、Flex 与 Grid，把页面排整齐
- JavaScript 核心/作用域、异步与浏览器里的运行机制
- React 实践/组件、状态与 Hooks 的日常写法
怎么更新
- 按学习顺序补写，先写手头正在用的知识。
- 旧笔记发现错误会直接改动，不保留错误版本。
- 文章列表按发布时间排序，可以随时回看最新的一篇。
联系与关注
- 邮箱待博主补充
- GitHub待博主补充
- 公众号待博主补充
以上渠道由博主本人维护，确认后会更新在这里。发现笔误或想讨论某篇笔记，也欢迎先看看同分类的其他内容。