源码共读前言
为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础,查漏补缺,开阔眼界,拓宽视野,知其然知其所以然。
由写有《学习源码整体架构系列》20余篇的若川 倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。
从易到难推荐学习顺序
活动介绍和顺序具体看这里从易到难推荐学习顺序
提交笔记
任务发布时间
3月21日-3月27日,为期一周。一般一周发布一期源码。可以按照自己节奏学习,提交笔记即可(不一定要严格按照我规定的时间)。往期共读也可以及时复习,笔记未完成可以继续完成。
学习目标
- 模仿学习组件库的message组件,知道组件原理
- 可以关注测试用例
学习任务
-
vue2
- vue2 element message 组件文档 element.eleme.cn/#/zh-CN/com…
- github.com/ElemeFE/ele…
- github1s.com/ElemeFE/ele…
- vue3
-
- vue3 element-plus github.com/element-plu…
- github1s github1s.com/element-plu…
- vant-ui
-
- notify 组件文档 vant-contrib.gitee.io/vant-weapp/…
- github.com/youzan/vant…
- github1s github1s.com/youzan/vant…
- react
-
- antd message 组件文档 ant.design/components/…
- github.com/ant-design/…
- github1s github1s.com/ant-design/…
- 根据自己技术栈选一个看,看源码记笔记
- 虽然可以在线看,但推荐克隆下来安装依赖跑起来看比较好。
- 在线看源码的有
-
- github1s.com 我常用,速度较快,在线vscode
- github.dev 仓库中 按 . 即可打开
- vscode.dev 在线vscode
最后可以持续关注我@若川。欢迎(jia)我微信 ruochuan12 交流,参与 源码共读 活动,每周大家一起学习200行左右的源码,共同进步。