博客文章

编译构建：从 webpack 到 Vite 的原理与进化

从无模块化、社区模块化到原生 ESM，梳理前端构建工具的演进；深入 webpack 的 compiler / compilation / module / loader / chunk 全流程与运行时；再讲透 Vite 的双引擎与依赖预构建，并延展到 2024–2026 的 Rust 原生化浪潮与选型建议。

2026年8月31日71 分钟前端, 工程化, 构建工具

WebView 里的 React H5 弹窗，到底该怎么写：从 visible 到 useImperativeHandle

从声明式 visible、服务式弹窗到 useImperativeHandle，梳理 WebView 里的 React H5 弹窗组件选型。

2026年7月6日21 分钟前端, React

Prompt 优化的七条主线：会写、会推、会持续改

从一个写 skill / 用 Cursor / Claude Code 的前端开发者视角，系统梳理七种常用 Prompt 技巧、它们为什么有效，以及在 vibe coding / agent / AGENTS.md 里的落地方式。

2026年5月22日18 分钟AI, Prompt Engineering, Agent, Vibe Coding

SOLID Principles in React: What Every React Developer Should Know

从组件拆分、props 契约、可替换性到依赖注入，理解如何在 React 项目中避免写出难维护的屎山代码。

2026年5月20日29 分钟前端, React, 工程化

从零实现移动端拖拽 Hook：兼顾点击与 iOS 滚动穿透

从一个 useVerticalDrag Hook 出发，讲清 Touch Events、原生监听、passive、touch-action，以及 iOS WKWebView 滚动穿透的解决思路。

2026年5月15日28 分钟前端, React, WebView, iOS

Promise手撕教程

从状态机与回调队列出发，系统理解 Promise 的实现思路与链式调用。

2026年5月14日18 分钟前端

深入理解浏览器渲染原理

详细解析浏览器页面渲染全流程，包含 HTML 解析、样式计算、布局分层、绘制合成，以及重排、重绘与 transform 性能原理。

2026年4月2日8 分钟前端

深入理解事件循环

为什么宏任务vs微任务其实是个过时甚至错误的说法

2026年3月30日19 分钟前端

Nature of University

站岗四年：大学其实是一家公司（我们只是门口的礼仪小姐）

2025年10月3日13 分钟学校

“If you can't explain it simply, you don't understand it well enough.”