element-plus

任务清单

• breadcrumb breadcrumb-item
• divider
• container
• empty
• message
• loading
• collapse
• infinite-scroll 基本和 element-ui-2 一样

其他源码

(1) redux 和 react-redux 源码分析 [redux^4.0.5]

• redux源码分析-仓库
• redux源码分析-我的掘金博客

(2) 手写 webpack Compiler 源码 [webpack^4.42.0]

• 手写Compiler源码-仓库
• 手写Compiler源码-我的掘金文章

(3) axios 源码分析 [axios^0.20.0]

• axios源码分析-仓库
• axios源码分析-我的掘金文章
• cancel取消请求的原理，interceptor拦截器的原理 - 两个重点掌握

(4) vue 源码分析 [vue^2.6.12]

• vue源码分析-仓库
• vue源码分析-新建仓库
• vue源码分析-我的掘金文章

(5) vuex 源码分析 [v2.6.10]

• vuex源码分析-我的掘金文章

(6) react 源码分析 [react^17.0.3]

• react源码分析-仓库
• react源码分析-我的掘金文章
• js实现单向链表 - 源码
• 手写hook调度-useState实现 - 源码仓库
• 手写hook调度-useState实现 - 思维导图

(7) a-hooks2.0 源码分析 [a-hooks^2.10.9]

• a-hooks源码分析 - 仓库

(8) a-hooks3.0 源码分析 [a-hooks^2.10.9]

• a-hooks源码分析 - 仓库

(9) koa 源码分析 [koa^2.13.1]

• koa源码分析 - 仓库
• koa源码调试 - 仓库
• 注意分析：( axios拦截器 + redux中间件 + koa中间件 ) 三者的相同点和区别

(10) badJs-report 源码分析

• badJs-report源码分析-仓库

(11) element-ui 源码分析

• element-ui 源码分析-仓库

(12) element-plus 源码分析 [element-plus^2.26]

• element-plus 源码分析-仓库

(13) vant [vant^3.4.5]

• vant3 源码分析-仓库

(14) Diff-virtualDOM

• 手写diff算法-snabbdom

细节

(1) el-breadcrumb el-breadcrumb-item

el-breadcrumb el-breadcrumb-item
---

1. provide 和 inject -> 跨级传递数据
2. getCurrentInstance().appContext.config.globalProperties.$router -> 获取router实例
3. ref + element.querySelectorAll() -> 获取所有子元素
4. aria-current='page' vs is-active -> https://codepen.io/scottohara/pen/PmOaKm