Thoughts on building products,
developer tools, and learning.

CSS Grid

理解 CSS Grid 的线网模型、命名系统，以及 Subgrid 和 Grid Lanes 如何重新定义 Web 布局。

静态资源完整性校验

通过 SRI 防止 CDN 资源被篡改。

一次社区问题反馈

Flexbox：flex-grow 与 flex-shrink

理解 Flexbox 中最容易被忽略的两个属性：flex-grow 和 flex-shrink。

cloneElement 与动态组件渲染

学习如何动态注入 props 和组合组件。

为什么需要 forwardRef 和 useImperativeHandle

React 中的 ref 转发机制，为什么以及什么时候需要使用 forwardRef / useImperativeHandle。

React 批量更新笔记

理解 React 的批量更新机制，从 React 17 到 React 18 的演进，以及自动批量更新带来的性能提升。

SEO 搜索引擎优化实战指南

初步了解 SEO。

CSS ：rem、em、px 怎么选

搞懂 rem、em、%、vw/vh、px 的区别与适用场景，让布局更灵活，响应式更轻松。

SVG 与 Canvas