Short time before go out face a lot of companies, including big small factory, some companies will start from the use of the technical framework of matches to decide do you want to interview (a high degree of course have a giant experience itself is also very good people will have a another standard), so think no matter work at ordinary times large household vue or react or only a small program, Some knowledge of other frameworks and practical development experience is preferred. Sometimes you may have passed the technical aspects but still failed to get the offer. It may be because the project experience and other requirements do not match the job. You must adjust your attitude and continue to start. Here are some of the things I found important:

1. vue

  1. vuePrinciple of bidirectional binding,diffalgorithm
  2. KeyWhat is the principle of using V-for

Key marks each node. V-for involves array push, pop, shift, etc. Vue extends array methods.

  1. dataCan I just write it as an object
  2. vueLife cycle of
  3. vuexThe principle,mutationandactionThe difference between

Mutation is synchronous and action is asynchronous

  1. How to implement aeventbus
  2. vue-routerPrinciple, there are several modes of routing, what are the differences
  3. How do I register a global component
  4. vueWhat are the disadvantages

Starting from the optimization changes of VUE3, there are some shortcomings compared with React

Click here for specific answers: Vue knowledge points

2. react

Because THE technology stack I often use is VUE, the interviewer asked me little about React

  1. The life cycle
  2. andvueThe difference between
  3. Hooks

3. webpack

  1. Have you manually matched it? How to optimize it

Optimization can start from volume optimization and compilation speed optimization

  1. Principle of thermal renewal

Involves the webSocket

  1. webpackWhat is the implementation process like

(When to call loader, when to call plugin)

  1. Sourcemap role

Mapping error message

4. JS

  1. What are the data types?
  2. What are the ways to determine if it’s an array
  3. Which ones have been used on the ES6?
  4. Handwritten implementationpromiseMethods, andpromiseThe use of,Promise.allandpromise.raceusage
  5. Flat flat method is realized by handwriting
  6. Implement an Add function that does the following
add(1); // 1 add(1)(2); / / 3 add (1) (2) (3); // 6 add(1)(2, 3); // 6 add(1, 2)(3); // 6 add(1, 2, 3); / / 6Copy the code
  1. The difference between an arrow function and a normal function
  2. constDefined object, can you change properties in the object
  3. How do I get the position of the DOM element, and what’s the trigger for infinite scrolling
  4. How to package a left – to – right slide display slider plugin
  5. Event loop

This is an important point! Is important! Is important!

Part of the answer is here: front-end handwriting principle code

5. CSS

  1. Cascading context
  2. positionPositioning,position:relativeIt’s relative to who,Position: absoluteAnd relative to whom
  3. Fixed on the left, adaptive on the right
  4. How do I draw a 1px line

Specific answers here: CSS knowledge points

Algorithm of 6.

  1. Handwriting bubble sort, quick sort
  2. How to determine if a linked list has a ring

7. Network and security

  1. What are the differences between HTTPS and HTTP, why http2 and HTTP3 appear, what are their benefits, and what problems do they solve
  2. There are several cross-domain approaches
  3. What are the caching methods
  4. What happens after you enter the URL

8. Performance optimization

The probability of this problem is close to 100%, we must focus on this knowledge

You can start with caching, image size, CSS writing, avoiding rearrangement backflow, anti-throttling, lazy preloading, Webpack compilation and so on

Conclusion:

  1. In the work, we must often summarize the problems, growth and understanding of some knowledge encountered in the project. Whether it is business or technology, we should think more about why and what it is, so as not to become a coding tool without emotion
  2. Must make clear to knowledge point why it is such, use in what circumstance commonly
  3. Look at other people’s articles and projects, find your own weaknesses and work to improve them
  4. Learn to use tools to solve problems and avoid reinventing the wheel
  5. Strive to be the person who builds the wheel for others. Enhance irreplaceability
  6. For people who want to go to foreign companies, language is very important, usually to practice communication