框架相关

框架源码实现

1.
实现一个 Hash 路由

手写实现基于 hash 的前端路由系统,支持路由注册、跳转、监听等功能

2.
实现中间件机制

手写 Koa 风格的中间件机制,理解洋葱模型

3.
JSX 转 VNode 和 Render 函数

手写 JSX 到虚拟 DOM 的转换和渲染函数

4.
MVVM 双向数据绑定实现

手写一个简易的 MVVM 框架,实现数据与视图的双向绑定

5.
实现一个简易的MVVM

手写实现一个包含数据劫持、依赖收集和视图更新的简易MVVM框架

6.
实现Node的require方法

手写实现Node.js模块加载机制中的require方法,理解CommonJS模块系统的工作原理

7.
实现一个迷你版的Vue

手写实现Vue的功能,包括响应式系统、模板编译、虚拟DOM和组件系统

8.
实现 Promise/A+ 规范

手写符合 Promises/A+ 规范的 Promise

9.
实现Redux中间件机制

手写实现Redux的applyMiddleware函数,理解中间件的洋葱模型和函数组合原理

10.
Redux 状态管理实现

手写简易 Redux 的 createStore、dispatch、subscribe

11.
实现事件总线结合Vue应用

手写一个事件总线(EventBus)并在Vue应用中实现组件间通信

12.
实现redux-thunk中间件

手写实现Redux的异步action处理中间件redux-thunk,支持dispatch函数类型的action

13.
实现一个双向绑定

手写实现数据与视图的双向绑定机制,理解 Vue 等框架的原理

14.
useEffect Hook 生命周期模拟

用 useEffect 模拟 componentDidMount、componentDidUpdate 和 componentWillUnmount

15.
实现 useState Hook

手写一个简易版 React useState Hook

16.
实现Vue reactive响应式

手写实现Vue 3的reactive响应式系统,理解Proxy和依赖收集的原理

17.
Vue2 响应式系统实现

手写 defineReactive、Dep 和 Watcher

18.
Vue3 响应式系统实现

手写 Vue3 简易响应式,包含 Proxy、reactive 和 effect