香宇1024

React Hooks 的三层理解：会用，掌握基本用法；懂原理，能手写官方 Hooks；会设计，能自定义 Hooks。

React 16 之前的 Diff 算法，是同步操作，直接对比两棵虚拟 DOM 树，会阻塞主线程。React 16 引入了 Fiber，将 Diff 操作切成小块就不堵啦～

**只渲染可见部分**这是虚拟滚动的核心思想，用到谁就请求谁，渲染谁。其他一切工作都是围绕这一点出发的。

一道经典的字节面试题：现在有20个异步请求需要发送，但是由于某些原因，要求我们必须将同一时刻的并发请求数量控制在3个以内。

图像可以加载到 canvas 中查看，但是无法编辑。同意设置 image.crossOrigin 来解决。

原型模式和模版方法模式光听名字很容易搞混，本文就来理一理他们之间的异同。原型模式是复制一下，改一改；模版方法模式则是父级搭框架，孩子们在框架内各自发挥。

本想一次写一篇前端设计模式大全，但「大而全」的内容很难在一篇文章内展现，所以转而写一些「小而美」的文章来介绍前端工作中涉及的设计模式，我们就从代理模式开始吧。

观察者模式、单项数据流、命令模式、单例模式，模版方法模式......设计模式在 Flux 架构中无处不在。

假如前端模块化消失了，我们会经历什么呢？我们只能把所有代码写在同一个文件里，一个文件几万行，尤大看了也愁断肠。