Source code read preface

In order to help more interested in the source code, want to learn to read the source code, improve their writing and front-end technology ability of the students. Help readers to lay a solid foundation, check omissions and fill gaps, broaden their horizons, broaden their horizons, know what is what.

I organized a weekly reading session where we learned about 200 lines of source code together. I have written “learning source code overall architecture series” more than 20.

Jia is welcome to participate in the source code reading activity through ruoChuan12 and learn about 200 lines of source code every week to make progress together. You can keep following me @Ruogawa.

Submit notes

In order to benefit, in addition to everyone’s article bring more reading quantity, easy to search, since March 27, 2022, release notes can be directly in the nuggets, in the which if reading together chuan vision x source 】 【 period | title named “opening the first sentence plus: This article participated in the weekly source code reading activity initiated by the public account @Ruochuan Field, click to learn more about it.

After writing your notes, go to the comments section of the current activity to leave a comment on your own articles and notes. It is convenient for you to consult, study, exchange and discuss.

All previous notes are stored in the forum.

Q&A

Q: My working years are relatively short, can I participate in activities? Is it more laborious?

A: I can. My sister in class 23 (currently a junior) wrote notes seven times. It is generally recommended to read the Vue3 tool functions first, which is relatively easy. If you have any questions, you can discuss them.

Q: I currently do not know vue, do not know vue3, do not know React, do not know Node.js can participate?

A: I can. Not strongly dependent on the technology stack, mainly native JS and Node.js. Node.js is basically every front-end must learn, you can learn while checking. If you don’t understand, ask questions in the group.

Q: I’m busy right now, so I can’t participate at the moment. Is there a time limit for handing in notes?

A: There are no restrictions at the moment.

Q: Do I have to hand in notes?

A: It’s not necessary right now, but I recommend reading through one issue and taking notes. Write down what you learned, summed up and felt at that time.

Q: Do you charge for the event? Is there any punishment?

A: There is no charge at present. There is no penalty at present, and it may be required that everyone submit their first note at least within half a month of joining the group.

Recommend learning order from easy to difficult

In order to reduce the difficulty and promote learning. We reorder our learning from easy to difficult.

It is recommended that we learn step by step in order to find out what is missing and lay a solid foundation. Improve the ability to read the source code, improve the front-end technology ability. Front-end programmers must learn basic skills — debugging JS code

  1. Vue2 shared beginners can also understand the vue2 source code in those practical basic tool functions
  2. More than 10 utility functions in axios source code
  3. 第23期【 VUE-this 】 Why Vue2 this can directly access data and methods, source code disclosure
  4. Issue 16 [only-allow] : From vue3 and Vite source code, I learned a line of code unified specification team package manager artifact
  5. [validate-npm-package-name] : validate-npm-package-name [validate-npm-package-name] : validate-npm-package-name
  6. [vuejs/shared] : beginners can understand the Vue3 source code in those useful basic tools function
  7. Interviewer: What is the principle of the.env file commonly used in projects? How to do that?

, etc.

Flow chart overview

In short, there are four steps:

  1. Choose one of them in order to start, look at the tasks.
  2. See auxiliary articles, look at the source.
  3. Wechat group communication and discussion, write notes, write summary, harvest.
  4. Submit notes to the Forum.

The reader to evaluate

Simply choose three notes from the feeling.

Evaluation of a

The biggest impact of this event organized by Chuan Ge on me is that my attitude towards source code has changed. Source code to me before the feeling is “can be viewed from afar and not obscene play yan”, but in fact as long as you read a carefully, source code will become a mentor. You can sit down and listen to his ideas and learn a lot from them. You can even talk to him and come up with your own ideas to help make the source better.

Evaluation of two

What did I get from the source code debugging held by Chuan Ge?

  1. Begin to try to write notes A. Source CODE I understand, let me say or write out, masked.
  2. Pay more attention to details a. read the source code before swallowed a time
  3. Pay more attention to application scenarios A. Before: So this method is implemented like this B. Now: take a look at the test cases, how they’re used, what kind of problem a judgment is trying to solve. In short, you’re an old hand, so now Trangor gives you a chance to exchange ideas and learn from the past. Is a novice, the journey of a thousand miles begins with a single step, with the help of chuan elder brother and big men in the group, brave to take the first step. Taking notes is a real pain in the neck.

Evaluation of the three

I have read several articles recently, the library chosen by Chuan Elder brother is very exquisite ah, the veteran can comb the system, the novice can understand the modern engineering, the path that the advanced architect must go through ah. In particular, I stayed up late reading create-Vue, Koa-compose, CO and Vue-dev-Server, which made me too excited.

This article continues to be updated.