框架相关
框架源码实现
1.
实现一个 Hash 路由
2. 手写实现基于 hash 的前端路由系统,支持路由注册、跳转、监听等功能
实现中间件机制
3. 手写 Koa 风格的中间件机制,理解洋葱模型
JSX 转 VNode 和 Render 函数
4. 手写 JSX 到虚拟 DOM 的转换和渲染函数
MVVM 双向数据绑定实现
5. 手写一个简易的 MVVM 框架,实现数据与视图的双向绑定
实现一个简易的MVVM
6. 手写实现一个包含数据劫持、依赖收集和视图更新的简易MVVM框架
实现Node的require方法
7. 手写实现Node.js模块加载机制中的require方法,理解CommonJS模块系统的工作原理
实现一个迷你版的Vue
8. 手写实现Vue的功能,包括响应式系统、模板编译、虚拟DOM和组件系统
实现 Promise/A+ 规范
9. 手写符合 Promises/A+ 规范的 Promise
实现Redux中间件机制
10. 手写实现Redux的applyMiddleware函数,理解中间件的洋葱模型和函数组合原理
Redux 状态管理实现
11. 手写简易 Redux 的 createStore、dispatch、subscribe
实现事件总线结合Vue应用
12. 手写一个事件总线(EventBus)并在Vue应用中实现组件间通信
实现redux-thunk中间件
13. 手写实现Redux的异步action处理中间件redux-thunk,支持dispatch函数类型的action
实现一个双向绑定
14. 手写实现数据与视图的双向绑定机制,理解 Vue 等框架的原理
useEffect Hook 生命周期模拟
15. 用 useEffect 模拟 componentDidMount、componentDidUpdate 和 componentWillUnmount
实现 useState Hook
16. 手写一个简易版 React useState Hook
实现Vue reactive响应式
17. 手写实现Vue 3的reactive响应式系统,理解Proxy和依赖收集的原理
Vue2 响应式系统实现
18. 手写 defineReactive、Dep 和 Watcher
Vue3 响应式系统实现
手写 Vue3 简易响应式,包含 Proxy、reactive 和 effect