TIP

以下为收藏文章、视频，方便自己回看学习

设计模式

Functor, Applicative, 以及 Monad 的图片阐释 (opens new window)

React

react-component (opens new window)

React组件库搭建总结 (opens new window)

React Fiber 是如何实现更新过程可控的 (opens new window)

React的新引擎—React Fiber是什么？ (opens new window)

Ref

React Refs转发 (opens new window)

当 ref 指向 DOM 元素时，将 ref.current 用作 useEffect 的依赖项是否安全？ (opens new window)

Ref objects inside useEffect Hooks (opens new window)

前端工程化

手写一个webpack，看看AST怎么用 (opens new window)

《module Federation原理学习》 (opens new window)

前端性能

前端性能优化 (opens new window)

用 Service Worker 实现前端性能优化 (opens new window)

新一代性能指标 Web Vitals (opens new window)

微前端

《什么是微前端》 (opens new window)

《对比多种微前端方案》 (opens new window)

前端字体

记一次 web 字体优化 (opens new window)

浏览器

V8引擎知识 (opens new window)

v8 执行 js 的过程 (opens new window)

How cc Works 中文译文 (opens new window)

从 Chrome 源码 video 实现到 Web H265 Player (opens new window)

现代浏览器观察者 Observer API 指南 (opens new window)

webassembly (opens new window)

EventLoop (opens new window)

HTTP

HTTP2讲解 (opens new window)

图形学

B站Video - GAMES101-现代计算机图形学入门-闫令琪 (opens new window)

Canvas

跨平台Web Canvas渲染引擎架构的设计与思考(内含实现方案) (opens new window)

架构

如何从流程上设计可持续维护的组件 (opens new window)

编程基础

前端也要懂编译：AST 从入门到上手指南 (opens new window)