preface

Front End Intern 2018 summary, this is my summary of last year.

Recently, I changed my work station, and all the work stations of the whole business group of the company had to be changed. Sitting in the new work station and looking at the lenovo on the opposite side, I suddenly realized that 2019 was over in the shady place under the building and the snow in Beijing had not disappeared for some time.

Graduated from Shuangfei University for half a year.

This article is my review and summary of 2019.

graduation

In the first half of the year facing graduation design, thesis, round and round, muddled, no harvest in technology.

The graduation project uses NUxT, KOA, Mongo and Redis to make a PC website similar to Dianping. Although it is complicated, it is mainly complicated in function without technical depth. After a review, I probably only gained some considerations when using NUXT and SMTP service.

The main time to finish the graduation project is to enjoy the last days of college, which is to play games in the dormitory.

That kind of dormitory all people in the dormitory house feeling, really good, before graduation, after graduation miss.

In the blink of an eye, there will be no winter or summer holidays. 😭

work

Try to transfer

As I said in my summary last year, I work on a B-terminal platform and use the open source MVVM framework of the company. Currently, I have 3 FE in maintenance, but recently I was persuaded to retire one of them and only 2 are left. 😅

I feel that this job is not much for me, there is no promotion, so I took advantage of the leisure period between graduation and entry to do a lot of things.

The target department is the same business group, the C-end of the business, which is basically known and used by everyone (you have 100% used 😄). I went through two technical interviews, one manager interview and one HR interview, and finally confirmed that the target department can accept me.

Although the target department can accept me, the manager of the original department (also my current manager) does not allow me to transfer to another post. I do not know the reason, but the transfer of post may affect his dimission rate.

The transfer ended in failure, lost a good business, there is room for improvement, rapid promotion of the department, regret for a period of time.

The steadfast work

Transfer post failure, when still have to work, work content although is B terminal platform, but still some complex.

The technology stack uses the company’s open source MVVM framework, the biggest advantage is fast.

Here are the main implementations:

• Generic component encapsulation
  • Input
  • Radio
  • Checkbox
  • Switch
  • Cascader
  • DateRange
  • Notification
  • Toast
  • TableSupports row drag and drop and row check
  • Dialog
• CSSModular (stylus),BEM
• Universal capability package
  • Upload picture component, support picture clipping
  • axiosencapsulation
• Rich text editor
  • Text: zoom in, zoom out, bold, lower loop, delete line, etc
  • Pictures: Upload, select, delete
  • Upload video
  • Add links
• Route authentication logic
• Complex dataMock
• Make form items configurable

A set of component libraries that are going to be converted to Vue later, a rich text editor will be left alone, XSS and other details will be handled, and a number of robust editors already exist.

learning

The important point is that the work intensity is not high, so I have a lot of free time to learn and improve. Since I joined the company, I have been learning every day.

Tell me what you learned, in chronological order.

TypeScript

TypeScript is very popular. I refactored AXIos with TS, and I read the axios source code. Although I practiced TS, I still want to continue to practice in complex scenarios.

Vue source code learning

Vue’s response type principle part was analyzed two years ago, and just entered the job there is no learning direction, a little bit of Vue source code, bit by bit log, write notes, like this.

After watching it for a month, I have a clear idea of the whole process of Vue, so I sorted out the document according to the following structure and updated it to Github, but did not disclose the address, there are only dozens of 🌟 at present.

Then began to look at vuE-Router, Vuex source, have to say, read Vue source, the other look much easier.

Vue family barrel principle, advantages and disadvantages we all know, not to say.

Small program

The purpose of making a small program is to export our own technology, so WE developed a small program on our own APP, mainly using uni-App for development. The main function is similar to FaceApp, which was very popular before, to use our own technology for portrait rejuvenation and portrait gradient.

The main harvest of this small program is to develop a small program side picture cutting plug-in, uploaded to Github, as a personal small demo.

Vue3

Looking at VueConf 2019 UVU’s outlook for 3.0, UVU compares HOC, mixins and slot with hook to show the advantages of hook.

In short, function Component will be a development direction of the next big framework. Function is also naturally friendly to TS, and hook is also a trend of the big front end.

After the completion of the small program, Vue3 source open source, but also frustrated for a while, Lao Tze just finished parsing Vue2 family bucket source, 3 out, make me have no advantage. Later, I learned the source code of Vue2 and knew its principle, architecture and design pattern used. This is an advantage.

Clone vue-Next source code to start learning.

The main is to see the use and implementation of the response type principle, Vue2 comparison of the response type principle, simple Vue3 response type principle to achieve, to tell the truth here or for fear of the future interview will ask. 😅

The knowledge involved and not involved in ES6 is also reviewed again, map, set, weakMap, weakSet, Symbol, iterator, generator, ESModule, proxy, Reflect

Summed up MarkDown.

Node

After learning the principles of Vue3, I want to take a look at Node.

I read NodeJS in a nutshell and want to sum up something but I don’t know where to start. Maybe I only read NodeJS once and I don’t have a system, so I need to read more later.

When I read, I like to draw on the book, and take notes. I always think that writing a blog is not as fast as taking notes.

A bad pen is better than a good memory

Some of the truth I heard when I was young, but some to grow up to understand, the ancients do not deceive me.

These are my notes, and I’m glad to see they’re so thick.

Webpack principle learning

In fact, after watching NodeJS for the first time, I wanted to see Express source code, and wanted to have a deep comparison with Koa. Later, I realized that a complete front-end project needs Webpack packaging, and I didn’t understand a front-end project, what else to look at the back-end? Thus began so far 29 days of Webpack source tour.

Webpack uses all kinds of synchronous and asynchronous hooks and callback functions perfectly. The “callback hell” is really fully reflected in Webpack. And it relies on webpack-Sources, Loader-Runner, Acorn, its own libraries and others.

Most of the functions of Webpack are completed by plug-ins, using tapable event publish and subscribe mode, different plug-ins listen to different hook functions, trigger different hooks at different times, to perform different operations, so Webpack is particularly flexible and powerful.

Finally, the main flow of Webpack was displayed on the console through breakpoints and reverse lookup of hook registration. Although the details were not enough, I was actually a little happy when the whole process analysis was completed.

In the future, I plan to compare the difference between 4 and 5, generate sourceMap, verify jsonSchema, and keep learning ing…

GitHub

GitHub address will not put, put a proof of learning it.

life

Have a meal

Working life is very regular, eat in the canteen from Monday to Friday.

Have a very good girlfriend, always cook for me to eat on weekends, here do not say anything, lest be seen embarrassed.

entertainment

Oneself is the person that have feelings, play the net that primary school plays all the time swims, call “QQ China”, imperceptible, already 13 years.

Now basically every weekend to play, the game to play is the circle, there is a group of game teammates, many of the part has children.

China accompanied their youth, also accompanied my youth.

Exercise and Health

Since I graduated in June and came to Beijing, I have been running three kilometers every night for half an hour, seven days a week and one day off.

When it gets cold, I put a yoga mat in my house and do exercises every day, but not nearly as much as running, and I haven’t done them in about a week. 😅

In November, the company’s physical examination report came down, except for a few wisdom teeth, no abnormality, I feel lucky, and I hope to keep healthy next year through my own actions.

pet

There was a cat, tabby and silver gradation, said to be tabby.

On the night of July 7, Sunday night, he was carried to his new home in a cardboard box.

Now eight months old, she was cute and scary when she first arrived.

He’s acting like an old cat now, messing up, not listening.

How did you turn into an old cat?

plant

Now I live in a house, the previous residents left three POTS of green basket, WHEN I saw it was dying, simple pruning, put on the balcony, grow very luxuriant.

Later, knowing that green basket likes shade, I put them on the wardrobe and watered them every two or three days. Now there are shoots hanging from the wardrobe. I am very happy to see them grow like this.

When I was a child, I always made my grandfather angry and destroyed many of his flowers. Now I understand how he feels.

This is on the balcony.

Court loquat tree, my wife died in the year of hand planting also, now has such as pavilion cover.

Thought of this sentence, although not as touching as Guyouguang, but DO not know why tears eyes, grandpa is still alive.

Retrospectives and prospects

review

Review last year’s goals:

• Implement a component library of your own
• Implement your own CLI scaffolding
• Implement your own rich text editor
• React source code continues research
• CSS will continue to be studied
• The graduation project was successfully completed and graduated successfully
• Review the internship project and summarize the improvement
• Build your own Github
• Keep blogging
• In-depth study of back-end knowledge
• Is it difficult to lose weight and ten pounds? If it’s difficult, five pounds
• Hobby. Can’t put it out. It’s been out for a year now
• Reading a book

One third of the component library was written, leaving the rest to 2020.

React source code did not learn this year, in fact, has been a dozen to count, but unknowingly in 2020.

The blog is sort of on Github, but not very productive.

The thing that lose weight is not complete, ran nearly four months of step, half catty also did not lose weight.

Love this, a period of time before graduation still calculate to insist all the time, but after working, do not know how to insist, have foreboding, may end here.

Reading is half finished, the little Red Book and “Deep Understanding ES6” over and over again, “Simple Node”, “CSS world” is finished, I feel that I did not read a lot of books with technical depth, most of them are the foundation, of course, the foundation is the most important.

Looking forward to

Prospects for 2020, in order of priority:

• Egg + TypeScript + GraphQL + MySqlpractice
• ReactThe source code to learn
• Component library perfection
• Algorithmic data structure
• Reading a book
• To build GitHub by the end of 2020,followerMore than 1000
• promotion
• To save money
• Understand and learn several ways to manage money
• Lose weight, really want to lose weight 😂😂

Update what comes to mind.

conclusion

The scene of writing the summary of the front-end intern last year is vividly in my mind. Looking back on the year, it is long and short.

When I just graduated, I was impetuous and always felt that I needed to learn a lot of things, so I customized many plans for myself. When I implemented them, I found that everything was very troublesome, which was not as simple as I thought. Step by step down, feel a lot of their steady, do not know what this is, calculate growth?

In a word, I am satisfied with my growth and harvest in 2019 and look forward to 2020.

Hope this time next year can still see such myself, come on 2020 ~.