Yinguangyao Blog Save

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

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

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

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源码剖析之实现模板引擎 ₂₀₁₈

其他

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