静态网站回潮时，我为什么选择 Astro
从 Cloudflare 关于静态站点生成器的讨论出发，结合个人官网项目和博客从 Hexo 迁移到 Astro 的实践，讨论 Astro 为什么适合内容型静态网站，以及它和 Hugo、Eleventy、VitePress、Docusaurus、Next.js 等方案的取舍。
前端
23 篇文章
GitHub Actions 自动发布 npm 包简易指南
已并入《GitHub Actions 适合做什么，不适合做什么》。
如何集成 GitHub 登录
从 GitHub OAuth Web application flow 出发，说明如何用服务端完成授权码换 token、校验 state，并创建本站登录态。
小程序组件库该用rpx还是px？
分析小程序组件库使用 px 与业务开发使用 rpx 的矛盾，并讨论组件库双模式、构建转换和团队选型的工程方案。
【译】什么是前端架构
翻译并整理前端架构的核心观点，强调架构不是目录结构，而是围绕业务驱动因素、权衡取舍和限制做出的重要决策。
图床系列之 TinyPNG 自动压缩图片
已合并至 Cloudflare R2 图床完整方案。
shadcn/ui 为什么不是传统组件库
从 shadcn/ui 的源码分发思路出发，讨论它为什么不把自己当成传统 npm 组件库，以及复制源码、组件所有权、团队组件库和升级成本之间的取舍。
React 里的 key 不只是列表优化
从一次组件重建问题出发，解释 React key 如何参与组件身份判断，以及什么时候适合用 key 重置状态。
小程序页面顶部的空隙
解释小程序页面顶部可滚动空隙背后的 margin 塌陷问题，并比较空元素、BFC 和 overflow 方案的取舍。
工程师画图工具：Excalidraw 和技术图表达
从 Excalidraw 这款手绘风格画图工具出发，讨论技术文章里的图应该如何帮助读者理解结构、流程、边界和取舍，而不只是让页面看起来热闹。
CSS之图片下的空隙与文本居中
解释图片底部空隙和文本垂直居中偏差背后的 CSS 行内元素、基线、line-height 与字体度量问题。
前端依赖、lockfile 与可信构建
从 npm 依赖版本、传递依赖、lockfile、npm ci 和 pnpm frozen install 出发，整理前端项目如何获得更稳定、可复现的构建结果。
大型小程序国际化实践：滴滴出行 i18n 的工程方法
复盘滴滴出行小程序英文版改造，从文案治理、双线程架构、WXS 翻译函数、跨平台适配和协作流程中提炼大型小程序国际化方法论。
大型小程序体积治理：滴滴出行的分包、依赖与架构取舍
复盘滴滴出行小程序包体积优化，从资源压缩、依赖分析、分包治理到封面页方案，整理大型小程序可复用的体积治理方法论。
nginx+express做一个简易代理服务
记录用 Nginx、Express、PM2 和 Let's Encrypt 搭建一个 HTTPS 代理服务的过程，以及排查 GitHub API 代理超时的细节。
npm ci 与稳定依赖安装
已并入《前端依赖、lockfile 与可信构建》。
小程序开发者，为什么你应该尝试下MPX
从原生兼容、第三方组件支持、按需构建、跨平台编译和性能优化等角度，介绍 MPX 小程序框架的主要优势。
前端项目工程化实践
以 Antue 组件库为例，记录前端开源项目接入 Travis CI、lint、测试、构建和 GitHub Pages 自动部署的工程化实践。
CORS 下 Cookie 为什么收不到：从 withCredentials 到 SameSite
CORS 下 Cookie 能不能生效，不只取决于 withCredentials，还取决于服务端 CORS 头、Cookie Domain、SameSite、Secure 和浏览器第三方 Cookie 策略。
package-lock.json[译]
已并入《前端依赖、lockfile 与可信构建》。
vue-cli webpack模板mock数据的方法
早期 vue-cli webpack 模板 mock 数据方案的归档页。原方案基于修改 dev-server.js 和 Express 路由，在今天已经不适合作为主要实践参考。
排查问题时，不要太早相信第一假设
从一次 Vue 组件事件失效的排查经历出发，讨论为什么排查问题时不要太早相信第一假设，以及如何用控制变量、断点、DOM 身份和版本控制把问题一步步缩小。
写了个前端渲染的教程
早年前端渲染教程的归档页。原文记录了从后端模板渲染走向 AJAX 与浏览器端渲染时的理解，今天更适合作为前端发展阶段的历史记录阅读。