7个月，4000+人，500+源码笔记，诚邀你参加源码共读~

大家好，我是若川。按照从易到难的顺序，前面几期（比如：validate-npm-package-name、axios工具函数）很多都只需要花2-3小时就能看完，并写好笔记。

但收获确实很大。开阔视野、查漏补缺、升职加薪。已经有400+笔记了~有的人因为参加活动学以致用，得到了公司的1000元奖励。

从8月份到现在3月份了。每周一期，一起读200行左右的源码，撰写辅助文章，截止到现在整整6个月了。

由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织，召集了各大厂对于源码感兴趣的同学共同参与，每周一起学200行左右的源码。目前近3000人参与。

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。

这事也不赚钱，但也算是尽全力了，花费了很多时间在上面。当然现在还有很多问题：比如参与度不高，需要持续迭代优化。虽然很难，但目前没有放弃的想法，坚持做难且正确的事情。

扫码加我微信 ruochuan12 ，发送源码即可进微信群参与学习。

242fe2d0f848a9515b7dca7b5f92ac32.png

1常见问题

Q: 我工作年限比较短，能参与活动吗？会比较吃力吗？
A: 可以。23届（目前大三）的小姐姐都写了10次笔记。一般推荐按从易到难的顺序学习，相对不难，有问题可以交流讨论。

Q: 我目前不会vue、不会vue3、不会react、不会Node.js 可以参与吗？
A: 可以。跟技术栈不是强相关，主要是原生JS和Node.js。Node.js 基本是每个前端必学，可以边学边查。有不懂的随时在群里提问。重点是学会看源码，之后进步就会很大。

Q: 我现在比较忙，一时没时间参与，交笔记有时间限制吗？
A: 目前没有限制。

Q: 必须交笔记吗？
A: 目前不是必须，但我推荐看完了一期，记笔记。写上当时的收获、总结和感受。

Q: 活动收费吗？有惩罚吗？
A: 目前不收费。目前没有惩罚，后续可能要求每人进群后半个月内至少提交第一次笔记。

本文持续更新。

2从易到难推荐学习顺序

为了降低难度，促进大家学习。由10组组长倾力从易到难重新整理学习顺序。

基本和技术栈不是强相关，主要是原生JS和Nodejs。

推荐大家按顺序循序渐进学习，查漏补缺，夯实基础。提高阅读源码的能力，提升前端技术能力。对于不熟悉调试的同学可以看我的这篇文章：新手向：前端程序员必学基本技能——调试JS代码

  1. 第24期【vue2 utils】: 初学者也能看懂的 Vue2 源码中那些实用的基础工具函数

  2. 第19期 【axios/utils】axios 源码中10多个工具函数

  3. 第23期【vue this】: 为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘！

  4. 第7期【validate-npm-package-name】: https://www.yuque.com/ruochuan12/notice/p7

  5. 第14期【promisify】: 面试官：请实现一个通用函数把 callback 转成 promise

  6. 第2期【@vuejs/shared】: 初学者也能看懂的 Vue3 源码中那些实用的基础工具函数

  7. 第22期【dotenv】: 面试官：项目中常用的 .env 文件原理是什么？如何实现？

  8. 第16期【only-allow】: 从 vue3 和 vite 源码中，我学到了一行代码统一规范团队包管理器的神器

  9. 第25期【debounce】: https://www.yuque.com/ruochuan12/notice/25

  10. 第21期【await-to-js】: https://www.yuque.com/ruochuan12/notice/p4

  11. 第20期【install-pkg】:Vue团队核心成员开发的39行小工具 install-pkg 安装包，值得一学！

  12. 第26期【classnames】: https://www.yuque.com/ruochuan12/notice/p26

  13. 第10期【configstore】: https://www.yuque.com/ruochuan12/notice/p10

  14. 第3期【vue-next-release】: Vue 3.2 发布了，那尤雨溪是怎么发布 Vue.js 的？

  15. 第8期【mitt、tiny-emitter】: 发布订阅

  16. 第6期【update-notifier】: https://www.yuque.com/ruochuan12/notice/p6

  17. 第13期【open】: 每次启动项目的服务时，电脑竟然乖乖的帮我打开了浏览器，100行源码揭秘！

  18. 第18期【delay】面试官：请手写一个带取消功能的延迟函数，axios 取消功能的原理是什么

  19. 第11期【vue-dev-server】: 尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理

  20. 第9期【create-vue】: Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！

  21. 第12期【@antfu/ni】: 尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！

  22. 第1期【vue-devtools】: 据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘

  23. 第15期【element-new】: 每次新增页面复制粘贴？100多行源码的 element-ui 新增组件功能告诉你减少重复工作

  24. 第17期 【js-cookie】https://www.yuque.com/ruochuan12/notice/p17

  25. 第5期【koa-compose】：50行代码串行Promise，koa洋葱模型原来是这么实现？

  26. 第4期【co】: https://www.yuque.com/ruochuan12/notice/p4

3流程图一览

简单说就是四步：

  1. 选择其中一期开始，看任务。

  2. 看辅助文章、看源码。

  1. 微信群交流讨论，写笔记，写总结、收获。

  2. 语雀讨论区提交笔记。

9038484d4282c11c9c0486df16868071.png

4读者评价

简单选择了三个笔记中的感想。

评价一

川哥组织的这个活动，给我最大的影响就是我对待源码的态度发生了转变。以前源码给我的感觉是“可远观而不可亵玩焉”，但是其实只要你认真读过一期，源码就会变成良师益友。你可以坐下来倾听他的思想，并从中受益良多，甚至可以和他交流，提出自己的想法，直至参与共建让源码更好。

评价二

川哥举办的源码调试给我带来了什么？

  1. 开始尝试写笔记
    a. 源码我都懂，让我说出来或者写出来，蒙了

  2. 更注重细节
    a. 以前看源码就囫囵吞枣的过一遍

  3. 更注重应用场景
    a. 以前：原来这个方法是这样实现的啊
    b. 现在：看下测试用例，都是怎么使用的，某个判断是为了解决什么问题
    总之
    是一个老手，那么现在川哥给了你一个交流的平台，去温故而知新。
    是一个新手，千里之行始于足下，有群里川哥和大佬们的帮助，勇敢迈出第一步。
    写笔记真是一个令人头疼的东西。

评价三

我最近看了几篇，川哥选的库都很精妙啊，老手可以梳理体系，新手可以了解现代工程化，进阶架构师必经之路啊。
特别是这几篇 create-vue、koa-compose、co、vue-dev-server，我都是熬夜看的，太起劲了。

5点击阅读原文查看

公众号文章无法更新，点击阅读原文，本文持续更新。

最后再次邀请你进源码群，一起学习源码

可以扫码加我微信 ruochuan12 进群，拉你进群，一起学习共同进步。

11f9ab6d328e9484d1655b43fc8f4d32.png

微信公众号订阅号改版，你可能经常看不到我的消息推送。

如果不想错过我的公众号推送，可以点击上方卡片——点击更多（...）——设为星标，就不容易错过了。感谢~

f2c991d034f22b9403747aa7099cf54c.png

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/274840.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

火焰和烟雾的训练图像数据集_游戏开发者是烟雾和镜子的大师

火焰和烟雾的训练图像数据集_游戏开发者是烟雾和镜子的大师

火焰和烟雾的训练图像数据集Video games are incredible. They transport us to new worlds, allow us to partake in otherwise impossible situations, and empower us in our every day lives. Games can make us feel like a part of something bigger than ourselves, per…
阅读更多...
平衡树SPLAY

平衡树SPLAY

一个比线段树代码还要又臭又长的数据结构，各式各样的函数，咱也不知道别人怎么记住的，咱也不敢问 SPLAY的性质 1.某个节点的左子树全部小于此节点，右子树全部大于此节点 2.中序遍历splay输出的序列是按从小到大的顺序 （…
阅读更多...
POJ 2696 计算表达式的值

POJ 2696 计算表达式的值

时间限制: 1000ms内存限制:65536kB描述有些语言中表达式的运算符使用字符串表示，例如用mul代表*，用div代表/，用add代表，用sub代表-，用mod代表%。输入第一行为表达式的个数n。其余n行每行一个表达式，表达式由…
阅读更多...
为支持两个语言版本，我基于谷歌翻译API写了一款自动翻译的 webpack 插件

为支持两个语言版本，我基于谷歌翻译API写了一款自动翻译的 webpack 插件

大家好，我是若川。持续组织了6个月源码共读活动，感兴趣的可以点此加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列本文来…
阅读更多...
全球 化 化_全球化设计

全球 化 化_全球化设计

全球 化 化重点 (Top highlight)Designing for a global audience can feel daunting. Do you localize your product? Or, do you internationalize your product? And what does that even entail?为全球观众设计可能会令人生畏。 您是否将产品本地化？ 还是您将…
阅读更多...
springMVC_数据的处理过程

springMVC_数据的处理过程

1、DispatcherServlet&#xff1a;作为前端控制器&#xff0c;负责分发客户的请求到 Controller 其在web.xml中的配置如下&#xff1a; <servlet><servlet-name>dispatcherServlert</servlet-name><servlet-class>org.springframework.web.servlet.Dis…
阅读更多...
面试体验：Facebook 篇（转）

面试体验：Facebook 篇（转）

http://www.cnblogs.com/cathsfz/archive/2012/11/05/facebook-interview-experience.html 2012-11-05 08:20 by Cat Chen, 23266阅读, 121评论, 收藏, 编辑 Google、Microsoft 和 Yahoo 都是去年的事情了&#xff0c;接下来说说今年…
阅读更多...
JavaScript 新增两个原始数据类型

JavaScript 新增两个原始数据类型

大家好&#xff0c;我是若川。持续组织了6个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列JavaS…
阅读更多...
axure低保真原型_如何在Google表格中创建低保真原型

axure低保真原型_如何在Google表格中创建低保真原型

axure低保真原型Google Sheets is a spreadsheet, just like Microsoft Excel.Google表格是一个电子表格&#xff0c;就像Microsoft Excel一样。 Most people associate it with calculating numbers. But Google Sheets is actually great for organizing your ideas, making…
阅读更多...
Weblogic EJB 学习笔记(3)精

Weblogic EJB 学习笔记(3)精

编辑实体bean的高级课程 1. 怎样开发主健类 ejb的主健类主要用做持久存储和ejb容器中的唯一标识符. 通常主健类的字段直接映射到数据库中的主健字段. 如果主健只是由单个实体bean字段组成.且其数据类型是基本的java类.如string,则bean作者不必开发自定义的主健类. 只需要在配置…
阅读更多...
Lerna 运行流程剖析

Lerna 运行流程剖析

大家好&#xff0c;我是若川。持续组织了6个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列Lerna…
阅读更多...
手动创建线程池 效果会更好_创建更好的，可访问的焦点效果

手动创建线程池 效果会更好_创建更好的，可访问的焦点效果

手动创建线程池 效果会更好Most browsers has their own default, outline style for the :focus psuedo-class.大多数浏览器对于&#xff1a;focus psuedo-class具有其默认的轮廓样式。 Chrome’s default outline styleChrome浏览器的默认轮廓样式 This outline style is cr…
阅读更多...
C++builder enum类型

C++builder enum类型

C/C code #pragmaoption push -b-enumTThreadPriority { tpIdle, tpLowest, tpLower, tpNormal, tpHigher, tpHighest, tpTimeCritical }; //这是字节型的.理论上说这是可能的最小整形.可以是1Byte, 2Bytes, 4Bytes...#pragmaoption pop#pragmaoption push -benumTThreadPriori…
阅读更多...
chrome浏览器世界之窗浏览器的收藏夹在哪？

chrome浏览器世界之窗浏览器的收藏夹在哪？

今天心血来潮&#xff0c;用一个查重软件删除重复文件&#xff0c;结果把chrome浏览器和世界之窗浏览器的收藏夹给删除了&#xff0c;导致我保存的好多网页都没有了&#xff0c;在浏览器本身和网上都没有找到这两个浏览器默认的收藏夹在哪个位置&#xff0c;只好用DiskGenius 把…
阅读更多...
Vue3究竟好在哪里 等推荐

Vue3究竟好在哪里 等推荐

话不多说&#xff0c;这一次花了几小时精心为大家挑选了30余篇好文&#xff0c;供大家阅读学习&#xff0c;提升自己的技术视野以及扩展自己的知识储备。本文阅读技巧&#xff0c;先粗看标题&#xff0c;感兴趣可以都关注一波&#xff0c;一起共同进步。前端从进阶到入院框架原…
阅读更多...
eazy ui 复选框单选_UI备忘单：单选按钮，复选框和其他选择器

eazy ui 复选框单选_UI备忘单：单选按钮，复选框和其他选择器

eazy ui 复选框单选重点 (Top highlight)Pick me! Pick me! No, pick me! In today’s cheat sheet we will be looking at selectors and how they differ. Unlike most of my other cheat sheets, this will focus on two components (radio buttons and checkboxes) side by…
阅读更多...
过滤词

过滤词

<?xml version"1.0" encoding"GB2312"?>-<wordList> <word>,</word> <word>.</word> <word><</word> <word>></word> <word>?</word> <word>/</word> <…
阅读更多...
VS2010 VC Project的default Include设置

VS2010 VC Project的default Include设置

http://blog.csdn.net/jeffchen/article/details/5491435 VS2010与以往的版本一个最大的不同是&#xff1a;VC Directory设置的位置和以前的版本不一样。VS2010之前&#xff0c;VC Directory的设置都是在IDE的Tools->Options中设置的&#xff1b;VS2010改为&#xff0c;分别…
阅读更多...
初级中级高级_初级职位，（半）高级职位

初级中级高级_初级职位，（半）高级职位

初级中级高级As a recent hire at my new job, as expected, a lot of things seemed scary and overwhelming. The scariest part was not the unfamiliarity with certain tasks or certain tools, but in communicating with higher-level coworkers, managers and bosses. …
阅读更多...
如何写好技术文章（看张鑫旭老师的直播总结

如何写好技术文章（看张鑫旭老师的直播总结

大家好&#xff0c;我是若川。持续组织了6个月源码共读活动&#xff0c;感兴趣的可以点此加我微信 ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列本文是…
阅读更多...
最新文章

Copyright @ 2022~2023