preface

Looking back at myself in the first half of 2020, I think I can use three words to describe “panic — anxiety — peace of mind.” Now I’m going to share my feelings around the keywords

Panic (wuhan natives under the epidemic)

As a local of Wuhan, we witnessed the process of epidemic control from chaos to final calm. I still remember that in the first two days, my colleagues were not impressed and laughed at us for wearing masks. After two days, we saw “the epidemic is like a tiger”

Then that side has unfortunately the effects as well as their relatives and friends A variety of tear watching news every day and rising infections In the mind is really uncomfortable On the one hand, friends worry for infection On the one hand, and to carefully protect themselves and their families Fortunately, in the key time Countries with the very awesome support angels all donated supplies The staff protecting the community and so on worked together to pull Wuhan out of the raging epidemic

Anxiety (waiting for interview results)

As the epidemic gradually improves, wuhan companies are also resuming their offices one after another. Although everyone says it is difficult to have stable jobs in 2020, do not think about job-changing, but xiaobian still has an uneasy mind that he can not continue to do the so-called front-end person in charge of a small company. People still want to think about the distance And I feel my strength is far from my goal, so I want to see if I can go to a bigger platform to exercise myself

There is an idea of job hopping slowly sprout is really stable down, so the heart is not as good as action all kinds of resume to do the algorithm to see the face through the hope to be able to go to the factory to see) 211 graduate university medical front is completely self-study and then a lot of basic computer principles and algorithms are not understand So AT first, I didn’t think of going to a big factory until I met a headhunter and he encouraged me to try a big factory. Haha, I only tried it at last, but I can really learn a lot from the interview.

I think the most difficult time is waiting for the result of the interview. You always feel that you hope for the result, but the result is not good

Peace of mind (to get their own satisfaction of the offer)

There is no more to say about this. Offer is the absolute truth. It will smell better when you sleep with a satisfied offer

Ha ha in the first half of the journey to summarize out Whether to give you small lovely talk about technology But much small make up for the first half of the year are preparing for the interview in learning But he is also a “front end leek” take nothing to technology projects to share his own experiences Summarize some face the hope I can help you get more for you Offer,

Preparation before an interview

Routine technical preparation does not need to say more about it. Part of the learning materials I recommend the “Teacher Xiu Yan” nuggets booklet haha I read it all really think it is written quite good (I am not a nuggets booklet salesman haha)


❝

I think it’s worth watching to learn and improve yourself whether you’re preparing for an interview or not

❞

Secondly, if you want to quickly review the js foundation and so on some things I recommend myself before the summary of front-end interview knowledge front-end high frequency interview summary and some front-end advanced knowledge can also go to see ha (will be updated later) ha ha forgive me so cheeky

Summary of personal interview (I am the legendary noodle boss who met 30+ companies during the epidemic)

Let’s start with the results and finally went to Kingsoft WPS

I got 8 offers, but they are all medium-sized factories in Wuhan. They are not the kind of big guy who can be rated at a high level. I admit that I am just a sour lemon

❝

Let’s start with a list of the most common questions I’ve ever asked in close to the “30” (not all of them, but more than two of them, so I’ll just summarize them).

❞

  1. Es6: Say everything you can think of

  2. What’s the difference between Es6 classes and ES5 constructors other than how they’re written

  3. What are the pros and cons of the classic CSS Holy Grail layout and the CSS vertical horizontal center

  4. Js prototype chain

  5. Js event loop

  6. Js common design patterns and how to use the project

  7. Agile Development model

  8. How to set different stages of event monitoring

  9. How does front-end error monitoring work? Why are global error events in the capture phase

  10. AO and GO (scope chain knowledge)

  11. Kerrization implementation

  12. The difference between two methods of preventing bubbling

  13. What do I do across domains

  14. Vue source code related issues (classic several principles)

  15. Electron understand?

  16. Flutter used

  17. NodeJs skilled?

  18. Why js engine and GUI rendering engine are mutually exclusive and how to optimize rendering

  19. Front-end safety related

  20. How do you do front-end code review

  21. How is the project compatible with history code microfront-end understanding?

Impressive interview experience

  • byte

Byte side

  1. Js prototype inheritance

  2. Js closure

  3. Is Echarts understood

  4. Have you done audio and video related development

  5. Js event loop

  6. The Css is vertically and horizontally centered

  7. How does UI layer communicate with JS layer

  8. How do browser rendering principles optimize performance

  9. Algorithm: Recursive optimization of Fibonacci sequence? Tail recursive optimization? How do I do dynamic programming?

❝

Every question comes in a loop and it’s not too hard to introduce new questions as you go along

❞

Byte two side (cool)

  1. The classic Js event loop topic is the one that asks you to write the order of console.log

  2. Js implicit conversion 1 + [] + {} ‘1’, ‘1’ function () {} 1 + undefined ‘1’ + null…

  3. How to implement hybrid APP

  4. Hybrid APP underlying bridge principle — Meng

  5. How to enable the browser caching mechanism – Meng

  6. Handwriting WebPack configuration differentiates between production and development environments

❝

The interview process should feel cool may be his resume wrote two or three mobile terminal development projects Then the interviewer thought I was good at in the mobile terminal development I have been asked related principles Then you really familiar one also didn’t ask So here tell you must not put himself is not very familiar with program written to resume (after the matter “Get rid of all the apps that mix on your resume” lol)

❞

Ps: In the following bytes, other departments caught me again, and I didn’t try because I had already joined the company. What I want to say here is that in fact, the big factory has given us many opportunities. Different departments can try many times as long as they don’t perform badly

  • Ali.

Ali side (cool)

It is not difficult to do the js related questions directly online. It takes one hour to finish the questions except for nodeJs, which can not be done in 15 minutes. After finishing the questions, I communicated with the interviewer about the divergence of questions for each topic

Like throttling as many times as I want to do it and then it doesn’t trigger anymore

What are the benefits of setTimeout imitating setInterval implementation

Here are some of the problems

  1. Use setTimeout to emulate the setInterval implementation

  2. Js throttling implementation

  3. NodeJs process management – just skip it

  4. Implement a promise that does not trigger many times over a period of time after the first return of an asynchronous result is triggered and then there is no return within the time interval

  5. Achieve fast row

❝

Ali’s feeling during the interview was that he felt the interviewer was busy while doing his work. At last, the interviewer told me that he was in charge of NodeJs in the project. Maybe he did not pay much attention to the job requirements

❞

  • And who learn

I’m going to stick to the basics and the projects and here are some of the things that I remember most

1. How did you do front-end architecture design and technology selection

2. What is the core idea of building the front-end rack

3. How does Webpack performance optimization work

4. How to implement Webpack plug-in

5. How many ways can Vue components communicate with each other

6. Why should Vuex be used? What are its disadvantages

7. What are the changes in Vue3.0 and why

8. Algorithm: Count the number of HTML tags that appear on a page. Print the tag name and the number of tags that appear on a page.

❝

And the interviewer talk is very good Second interview talked for two hours (2 face the interviewer front the boss is department said a lot of his views on the front and discuss the problems they are interested in Overall feeling is quite good) technique But by three sides non-technical surface may be because I jumped three companies for four years of brush (frequent job-hopping really terrible)

❞

  • CVTE (this is to see a few digging friends to go so I also want to face)

    1.Vue has all the classical principles

    2. Front-end performance optimization scheme

    3. An RN understand

    4. Implementation principle of front-end routing

    5. Do YOU know AST how to implement it

    6. Functional programming

    7. Personalized configuration of Webpack in the project

    8. How to standardize team code

    9. Algorithm 1: LeetCode classic ring matrix (clockwise matrix ring)

    10. Algorithm 2: Set the matrix to zero

❝

One side very smoothly passed the two face ring matrix this problem in force buckle have seen but I did not go into the final estimate failed in the algorithm seems to brush the problem is really important

❞

Plan for the second half of 2020

The impact of the epidemic in the first half of the year and the interview cost a lot of time. In the process of a large number of interviews, I also summed up a lot of shortcomings. Therefore, IN the second half of the year, I should seize the time to learn and improve myself

  1. NodeJs takes an in-depth look at doing some front-end tools
  2. Understand the core principles of microfront-end project practice
  3. React source code or Vue3.0 source code
  4. Broaden your horizons for the selective use of Electron Taro Uni-APP RN Flutter and other frameworks do not read the source code at least to know how to use the problem to solve the core ideas and suitable scenes for their own project technology selection
  5. The series continues to be updated and then there are good technical projects and solutions to be summarized and shared

The nuggets essay | 2020 years and I summarize the campaign is under way…

This article is formatted using MDNICE

Shark’s front-end fishing skills

Welcome everyone technical exchange push touch fish help all can – link