Web Vitals 实战：把 LCP 从 4 秒优化到 1.2 秒
Google 把用户体验量化成了三个指标：LCP、FID、CLS。这篇记录我用 Web Vitals 指标体系给公司官网做性能优化的完整过程，附每个指标的优化套路。
全部文章
CSS Grid 二维布局实战
Flex 管一维，Grid 管二维。用 grid-template-columns/rows、区域命名等方式实现经典布局，对比 Flex 选型。
浏览器存储方案对比：Cookie、Web Storage 与 IndexedDB
Cookie 为什么会拖累请求性能？localStorage 和 sessionStorage 差在哪？什么数据该上 IndexedDB？一篇理清前端存储选型。
MongoDB 入门：文档、集合与查询
没有表结构的数据库怎么用？介绍文档模型、_id、基础 CRUD、查询操作符和嵌入文档/数组的查询方式。
Redis 五种基础数据结构与典型用途
Redis 不只是缓存，String/Hash/List/Set/ZSet 各有杀手锏。结合命令示例讲每种结构的适用场景。
关系型 vs 非关系型：区别、用途与选型
什么场景该用 MySQL，什么场景该上 Redis/Mongo？从存储结构、Schema、事务、扩展性几个维度对比并给出选型建议。