我是 null，擅长移动 Web 开发、React 全家桶、前端工程化、Web 渲染等方面的技术栈。
闲暇之余，我喜欢在知乎（前端漫谈）输出技术博客，也是慕课网《web前端开发修炼指南》的作者，擅长移动 Web 开发、React 全家桶、前端工程化、Web 渲染等方面的技术栈。
感兴趣可以加我微信 gioryyin 一起尬聊。
AI 理解
- 我把 5 个 Coding Agent 塞进了一个 npm 包
2026 - 为 AI Agent 重新设计命令行
2026 - 从 nanobot 理解 openclaw 核心设计
2026 - 带你从零理解 MCP
2025 - AI 新人类
2025
从零实现 Coding Agent 系列
- 实现一个 Coding Agent（1）：一次 LLM 调用
2026 - 实现一个 Coding Agent（2）：让 LLM 流式响应
2026 - 实现一个 Coding Agent（3）：工具调用
2026 - 实现一个 Coding Agent（4）：ReAct 循环
2026 - 实现一个 Coding Agent（5）：真实的编码工具
2026 - 实现一个 Coding Agent（6）：并行工具调用
2026 - 实现一个 Coding Agent（7）：Skills
2026 - 实现一个 Coding Agent（8）：会话持久化与多会话
2026
VSCode 源码分析系列
- VSCode 架构分析：启动和初始化
2025 - VSCode 架构分析：依赖注入和组件
2025
React 系列
- 介绍 Preact Signals
2022 - 各流派 React 状态管理对比和原理实现
2021 - 从零实现 Redux 和 React-redux
2020 - 从零实现 Mobx：深入理解 Mobx 原理
2020 - 从零实现 React
2020 - 怎样用 React Hooks 实现 Vue3 Composition API？
2020 - 浅谈 React 组件设计
2020 - React Hooks 原理和最佳实践
2020 - 如何写好 React 业务代码？
2019 - 深入理解 React Lite
2019 - 浅谈 React Diff 实现
2019 - React 入门：生命周期与组件通信
2019 - React 入门：JSX 和组件
2019 - Mobx 项目实践
2018
工作沉淀
- 腾讯文档智能表格渲染层 Feature 设计
2023 - 异步分片计算在腾讯文档的实践
2022 - 回学校教前端的经历
2021 - 移动端开发技术详解
2021 - JS Bridge 通信原理与实践
2021 - 有必要使用服务端渲染（SSR）吗？
2021 - Web 安全之恶意扫描
2021 - 记一个 Nuxt 同构问题
2020 - 记一次 Nuxt 登录页优化
2020 - 使用 Puppeteer 实现文件下载
2020 - 对跨域页面通信的深入思考
2019
Canvas
- Leaferjs，全新的 Canvas 渲染引擎
2023 - 浅谈 Canvas 渲染引擎设计
2023 - KonvaJS 原理解析
2021 - canvas 画一朵樱花
2021
前端工程化杂谈
- whistle 开发调试最佳实践
2022 - 使用 MonoRepo 管理前端项目
2021 - 深入理解 webpack 模块
2020 - 前端 CI/CD 初探
2019
JavaScript 面向对象
- JavaScript 面向对象编程
2020 - 深入理解 JavaScript 中的类与继承
2020 - 前端开发中常用的设计模式
2020 - 写好业务代码 —— 前端 MVC 分层的实践
2020 - 策略模式和表驱动优化你的条件语句
2019 - 前端开发中的状态机
2019 - 前端开发中的 AOP 和 IoC
2019 - Babel 下的 class 和 extends
2019
重学 ES6
- 深入理解 ES6 中的 Class 和 extends 原理
2020 - 深入理解 JavaScript 模块系统
2020 - 深入理解回调函数与 Promise 原理
2020 - 深入理解 generator 和 async 原理
2020 - ES6 Proxy 实践
2020 - 一文搞懂 Dynamic Import 和 Top-level await 提案
2020 - 都2020年了，你还不会JavaScript 装饰器？
2020 - 面向未来的 ECMAScript 标准
2020
JavaScript 进阶
- 实现一个bind函数
2019 - JS 函数高阶应用
2019 - 怎么解决跨域问题
2019 - 从 ECMA 规范看 JavaScript 类型转换
2019 - 万事开头难 —— 如何起一个好的变量名?
2019 - 你不了解的JS运算符小技巧
2019 - JavaScript 的前世今生
2019
Underscore 源码解读
- underscore源码剖析之整体架构
2018 - underscore源码剖析之基础方法
2018 - underscore源码剖析之数组遍历函数分析（一）
2018 - underscore源码剖析之数组遍历函数分析（二）
2018 - underscore源码剖析之throttle节流函数
2018 - underscore源码剖析之debounce防抖动函数
2018 - underscore源码剖析之查找索引函数
2018 - underscore源码剖析之实现模板引擎
2018
其他
- 知乎前端回答合集
2022 - 前端面试技巧和总结
2020 - 《编写可读代码的艺术》笔记
2018 - 富爸爸，穷爸爸
2018 - 关于编程学习
2018