blog

我是 null，擅长移动 Web 开发、React 全家桶、前端工程化、Web 渲染等方面的技术栈。

闲暇之余，我喜欢在知乎（前端漫谈）输出技术博客，也是慕课网《web前端开发修炼指南》的作者，擅长移动 Web 开发、React 全家桶、前端工程化、Web 渲染等方面的技术栈。

感兴趣可以加我微信 gioryyin 一起尬聊。

AI 理解

• 我把 5 个 Coding Agent 塞进了一个 npm 包 ₂₀₂₆
• 为 AI Agent 重新设计命令行 ₂₀₂₆
• 从 nanobot 理解 openclaw 核心设计 ₂₀₂₆
• 带你从零理解 MCP ₂₀₂₅
• AI 新人类 ₂₀₂₅

从零实现 Coding Agent 系列

• 实现一个 Coding Agent（1）：一次 LLM 调用 ₂₀₂₆
• 实现一个 Coding Agent（2）：让 LLM 流式响应 ₂₀₂₆
• 实现一个 Coding Agent（3）：工具调用 ₂₀₂₆
• 实现一个 Coding Agent（4）：ReAct 循环 ₂₀₂₆
• 实现一个 Coding Agent（5）：真实的编码工具 ₂₀₂₆
• 实现一个 Coding Agent（6）：并行工具调用 ₂₀₂₆
• 实现一个 Coding Agent（7）：Skills ₂₀₂₆
• 实现一个 Coding Agent（8）：会话持久化与多会话 ₂₀₂₆

VSCode 源码分析系列

• VSCode 架构分析：启动和初始化 ₂₀₂₅
• VSCode 架构分析：依赖注入和组件 ₂₀₂₅

React 系列

• 介绍 Preact Signals ₂₀₂₂
• 各流派 React 状态管理对比和原理实现 ₂₀₂₁
• 从零实现 Redux 和 React-redux ₂₀₂₀
• 从零实现 Mobx：深入理解 Mobx 原理 ₂₀₂₀
• 从零实现 React ₂₀₂₀
• 怎样用 React Hooks 实现 Vue3 Composition API？ ₂₀₂₀
• 浅谈 React 组件设计 ₂₀₂₀
• React Hooks 原理和最佳实践 ₂₀₂₀
• 如何写好 React 业务代码？ ₂₀₁₉
• 深入理解 React Lite ₂₀₁₉
• 浅谈 React Diff 实现 ₂₀₁₉
• React 入门：生命周期与组件通信 ₂₀₁₉
• React 入门：JSX 和组件 ₂₀₁₉
• Mobx 项目实践 ₂₀₁₈

工作沉淀

• 腾讯文档智能表格渲染层 Feature 设计 ₂₀₂₃
• 异步分片计算在腾讯文档的实践 ₂₀₂₂
• 回学校教前端的经历 ₂₀₂₁
• 移动端开发技术详解 ₂₀₂₁
• JS Bridge 通信原理与实践 ₂₀₂₁
• 有必要使用服务端渲染（SSR）吗？ ₂₀₂₁
• Web 安全之恶意扫描 ₂₀₂₁
• 记一个 Nuxt 同构问题 ₂₀₂₀
• 记一次 Nuxt 登录页优化 ₂₀₂₀
• 使用 Puppeteer 实现文件下载 ₂₀₂₀
• 对跨域页面通信的深入思考 ₂₀₁₉

Canvas

• Leaferjs，全新的 Canvas 渲染引擎 ₂₀₂₃
• 浅谈 Canvas 渲染引擎设计 ₂₀₂₃
• KonvaJS 原理解析 ₂₀₂₁
• canvas 画一朵樱花 ₂₀₂₁

前端工程化杂谈

• whistle 开发调试最佳实践 ₂₀₂₂
• 使用 MonoRepo 管理前端项目 ₂₀₂₁
• 深入理解 webpack 模块 ₂₀₂₀
• 前端 CI/CD 初探 ₂₀₁₉

JavaScript 面向对象

• JavaScript 面向对象编程 ₂₀₂₀
• 深入理解 JavaScript 中的类与继承 ₂₀₂₀
• 前端开发中常用的设计模式 ₂₀₂₀
• 写好业务代码 —— 前端 MVC 分层的实践 ₂₀₂₀
• 策略模式和表驱动优化你的条件语句 ₂₀₁₉
• 前端开发中的状态机 ₂₀₁₉
• 前端开发中的 AOP 和 IoC ₂₀₁₉
• Babel 下的 class 和 extends ₂₀₁₉

重学 ES6

• 深入理解 ES6 中的 Class 和 extends 原理 ₂₀₂₀
• 深入理解 JavaScript 模块系统 ₂₀₂₀
• 深入理解回调函数与 Promise 原理 ₂₀₂₀
• 深入理解 generator 和 async 原理 ₂₀₂₀
• ES6 Proxy 实践 ₂₀₂₀
• 一文搞懂 Dynamic Import 和 Top-level await 提案 ₂₀₂₀
• 都2020年了，你还不会JavaScript 装饰器？ ₂₀₂₀
• 面向未来的 ECMAScript 标准 ₂₀₂₀

JavaScript 进阶

• 实现一个bind函数 ₂₀₁₉
• JS 函数高阶应用 ₂₀₁₉
• 怎么解决跨域问题 ₂₀₁₉
• 从 ECMA 规范看 JavaScript 类型转换 ₂₀₁₉
• 万事开头难 —— 如何起一个好的变量名? ₂₀₁₉
• 你不了解的JS运算符小技巧 ₂₀₁₉
• JavaScript 的前世今生 ₂₀₁₉

Underscore 源码解读

• underscore源码剖析之整体架构 ₂₀₁₈
• underscore源码剖析之基础方法 ₂₀₁₈
• underscore源码剖析之数组遍历函数分析（一） ₂₀₁₈
• underscore源码剖析之数组遍历函数分析（二） ₂₀₁₈
• underscore源码剖析之throttle节流函数 ₂₀₁₈
• underscore源码剖析之debounce防抖动函数 ₂₀₁₈
• underscore源码剖析之查找索引函数 ₂₀₁₈
• underscore源码剖析之实现模板引擎 ₂₀₁₈

其他

• 知乎前端回答合集 ₂₀₂₂
• 前端面试技巧和总结 ₂₀₂₀
• 《编写可读代码的艺术》笔记 ₂₀₁₈
• 富爸爸，穷爸爸 ₂₀₁₈
• 关于编程学习 ₂₀₁₈