源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

8月1日 - 8月8日。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习文章

• 学习文章，其实跟vue和react相关性不大，而是nodejs小项目，不会nodejs也能基本看懂。
• 据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘

• 博客地址：lxchuan12.gitee.io/open-in-edi…
• 掘金地址：juejin.cn/post/695934…

共读目的

• 帮助学会调试源码
• 锻炼耐心
• 学会查阅资料
• 学以致用 打开组件文件

学习流程

• 安装 vue-devtools 对应 vue3 的版本。无法访问谷歌应用市场的小伙伴，可以下方链接去下载安装。
• 或者点此下载安装 vue3版本的vue-devtools
• 点此下载安装 vue2 版本的 vue-devtools
• 克隆项目，按照文章中流程，先跑起来
• 本文仓库地址：git clone github.com/lxchuan12/o…
• 调试全流程
• 记录笔记

笔记

笔记内容随意。但一定要记录。记录碰到的问题、哪里不懂等。

笔记目录可以是，这只是一个示例。

• 学习准备
• 学习过程
• 学习收获
• 本次活动感受等
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

8月9日-8月16日。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习任务

重点看我写的文章，文章中写了如何阅读源码。

初学者也能看懂的 Vue3 源码中那些实用的基础工具函数 (阅读体验较好)

按照文章要求，克隆项目 git clone https://github.com/lxchuan12/vue-next-analysis.git ，开始学习源码，有问题在群里交流讨论，记录笔记。

不关心如何编译打包得来的js文件（非必选），可以直接看第三部分。

暂时不想不克隆也可以通过github访问、或者 github1s 访问。

• github.com/lxchuan12/v…
• github1s.com/lxchuan12/v…

选学

• 如何调试 vuejs 源码
• 其他自己补充资料等
• 为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘！可以学会调试源码。
• 初学者也能看懂的 Vue2 源码中那些实用的基础工具函数 vue3工具函数姐妹篇，可能这篇更简单些
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

8月16日-8月22日。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

学会调试和看懂vue-next是怎么发布的

学习后可以优化自己实际项目的发布流程

学习任务

学习200余行代码，vuejs如何发布的～

参考文章： 掘金链接：Vue 3.2 发布了，那尤雨溪是怎么发布 Vue.js 的？ 阅读体验更好~

github.com/lxchuan12/v… 或者 这个链接访问更快 github1s.com/lxchuan12/v…

文件路径 github.com/lxchuan12/v…
克隆了我的仓库的小伙伴，拉取最新代码看文章 md/release。

• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

8月23日-8月29日，为期一周。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

• 了解 co 是用来做什么呢
• 学会调试
• promise 、generator、async await 三者区别和联系
• 熟悉巩固 Promise、generator、async await 的用法
• 熟悉 co 的实现原理
• 等等

参考资料

• github.com/tj/co
• 我的文章koa源码，co部分 juejin.cn/post/684490…
• 阮一峰老师的《ES6入门》异步相关的章节
• es6.ruanyifeng.com/#docs/promi…
• es6.ruanyifeng.com/#docs/gener…
• es6.ruanyifeng.com/#docs/gener…
• es6.ruanyifeng.com/#docs/async
• 冴羽 ES6 系列之 Generator 的自动执行 juejin.cn/post/684490…

可以克隆我的项目git clone github.com/lxchuan12/k… npx http-server 启动服务。

co源码小节的示例代码都在这个文件夹koa/examples/co-generator中，npx http-server koa/example，可以自行打开https://localhost:8080/co-generator调试查看。

• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

9月6日-9月12日，为期一周。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

• 了解 koa-compose 作用，应对面试官提问koa中间件
• 学会使用 vsocde 和测试用例 调试源码
• 学会 jest 部分用法
• 等等

参考资料

• 【必看】我的文章 github.com/lxchuan12/k…

掘金链接：50行代码串行Promise，koa洋葱模型原来是这么实现？

• koa-compose 涉及到的设计模式叫职责链模式~
• 可以翻阅《JavaScript设计模式与开发实践》第十三章，#公众号：若川视野，回复 pdf 有这本书的pdf，有钱多支持正版。
• 我的koa源码，可以参考：学习 koa 源码的整体架构，浅析koa洋葱模型原理和co原理
• github.com/koajs/compo…
• github.com/koajs/koa
• 优秀笔记
  【第五期】izjing- koa-compose 调试写的非常详细~

选学：redux compose

• github.com/reduxjs/red…
• 有余力的小伙伴，也可以看看redux 的compose~根据测试用例看compose
• 我写过redux compose~
• lxchuan12.gitee.io/redux/#_5-2…
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

9月13日-9月19日，为期一周。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

• 了解 update-notifier 作用和使用场景
• 应用场景：检测npm包是否更新，比如组件库更新或者其他npm包更新，在控制台提醒
• 等等

参考资料

• github.com/yeoman/upda…

参考笔记

• upupming-update-notifier-analysis
• 【第六期】- 凌晨三点半 - update-notifier 源码解析
• 【第六期】影响 - update-nofitier
• xzq - 第六期：update-notifier源码解读
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

9月20日-9月30日，国庆前。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

• 了解 validate-npm-package-name 作用和使用场景
• vue create xxx 新建项目时，其实就用了这个包。
• github1s.com/vuejs/vue-c…
• github.com/vuejs/vue-c…
• create-react-app 也用了
• github.com/facebook/cr…

参考资料

• 源码地址: github.com/npm/validat…
• 参考文章：每天一个npm包：validate-npm-package-name
• 正则可看这本迷你书学习：juejin.cn/post/684490…

参考笔记

• reset | 第七期 | validate-npm-package-name源码分析
• validate-npm-package-name 源码阅读
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

10月11日-10月17日，国庆后第一周。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

• 了解 mitt、tiny-emitter 作用和使用场景
• 应用场景：
• 学习 发布订阅 设计模式
• 等等

参考资料

• github.com/developit/m…
• github.com/scottcorgan…
• clipboard 继承自 tiny-emitter github.com/zenorocha/c…
• vue3事件总线 v3.cn.vuejs.org/guide/migra…

已提交笔记

• github.com/xiong-ling/…
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

10月18日-10月24日，为期一周。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习任务

• 学习 npm init vue@3 npx 等，学会create-vue使用和原理
• 我的掘金文章 juejin.cn/post/701834…
• • 按照我文章的配置环境和调试源码的方法调试学习
    • 最终可以简单输出笔记
• 也可以参考 upupming 优秀笔记 www.yuque.com/ruochuan12/…
• 等等
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。可以持续关注我@若川。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式
简言之：看任务，看辅助文章、看源码，交流讨论，在掘金写笔记，写好后提交到本文评论区。

为了给大家谋福利，另外给大家的文章带来更多阅读量，便于搜索，从2022年3月27日起，笔记可以直接发布在掘金，以《标题自取》标题不限，可以取个好标题，容易被掘金推荐。
文章开头第一句加上：本文参加了由公众号@若川视野 发起的每周源码共读活动，点击了解详情一起参与。

第二句可以加上当前任务说明的链接：这是源码共读的第xx期，链接：xxx。第一句作用为了方便每月统计评优。第二句方便读者知道这是什么活动主题。

笔记写完后，到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区。

任务发布时间

10月25日-10月31日，为期一周。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

• 了解 configstore 作用和使用场景
• 源码总共100行左右
• 等等

参考资料

• github.com/yeoman/conf…
• github1s.com/yeoman/conf…
• 看文章，看源码，交流讨论，写笔记发布在掘金。再在这篇文章下评论放上提交笔记的链接。

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有