源码共读前言
为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。
我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。
欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。
从易到难推荐学习顺序
活动介绍和顺序具体看这里从易到难推荐学习顺序
提交笔记
提交笔记方式 简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。
为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。 文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。
第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。
笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。
往期所有笔记存放在语雀讨论区。
任务发布时间
8月1日 - 8月8日。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。
学习文章
- 学习文章，其实跟vue和react相关性不大，而是nodejs小项目，不会nodejs也能基本看懂。
- 据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘
共读目的
- 帮助学会调试源码
- 锻炼耐心
- 学会查阅资料
- 学以致用 打开组件文件
学习流程
- 安装 vue-devtools 对应 vue3 的版本。无法访问谷歌应用市场的小伙伴，可以下方链接去下载安装。
- 或者点此下载安装 vue3版本的vue-devtools
- 点此下载安装 vue2 版本的 vue-devtools
- 克隆项目，按照文章中流程，先跑起来
- 本文仓库地址：git clone github.com/lxchuan12/o…
- 调试全流程
- 记录笔记
笔记
笔记内容随意。但一定要记录。记录碰到的问题、哪里不懂等。
笔记目录可以是，这只是一个示例。
- 学习准备
- 学习过程
- 学习收获
- 本次活动感受等
- 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。
