Background: 2020 is a special year. Due to the impact of the new crown, many things have changed, and some people's routine habits have also changed. Take changing jobs as an example. In order to reduce everyone's travel and contact, online video, Telephone interviews have become a trend, but everything remains the same. Technology is the kingly way. The following are some recent personal interview experiences and questions that everyone needs to know. I hope everyone can improve. Interviews are like blind dates. I hope Everyone can find the one that is satisfactory to each other smoothly, haha.
Html, Css articles
1. Talk about your understanding of the semantics of h5 tags and the advantages of semantics
2. What are the new tags in html5? (Structural tags: article, aside, etc., form tags: video, audio, embed, etc., form tags: email, url, etc.)
3. New features of css3 (selector, gradient, shadow, multi-column layout, rounded corners, animation, transition, box model, etc.)
4.h5 storage method (A. local storage localstorage, sessionstorage; B. offline storage application cache; C: local database IndexedDB and Web SQL (cancelled))
5. In-depth understanding of cookies (including origin, attributes, http header settings, cross-domain portability, comparison with local storage, relationship with session, etc.)
6. Two box models (w3c and IE), and how to set them up, etc.
7. BFC has a deep understanding
8. Animations and transitions
9.canvas
10. Deeply distinguish between inline, inline-block, and block
11. The method to realize the horizontal and vertical centering of fixed and unfixed width and height containers, basic questions, as many ways as possible
12. Deep understanding of flex to achieve various layouts
13. The principle of rem
14. Your usual method of implementing mobile terminal adaptation
15. Compatibility problems often encountered on mobile terminals (soft keyboard pop-up, drip penetration, etc.)
16.1 Solution to pixel problem
17. Compatibility issues with major browsers that you have encountered and dealt with
javascript
1. Deep understanding of closure
2. Deep understanding of prototype chain and prototype
3. The way of inheritance (es5, es6)
4. Common methods of arrays
5. The deep and shallow copy of the object and its advantages and disadvantages
6. The method of deduplication of arrays, basic questions, as many realizations as possible
8. Macro tasks and micro tasks combined with event loop
9.js garbage collection mechanism (mark clearing, reference counting), which situations will cause memory leaks
10.this points to the problem ( ordinary function , arrow function)
11. Deep understanding of basic types and reference types
12. Understanding of let, const, var (variable promotion, block-level scope, etc.)
13. How is const implemented?
14. Use of spread operator
15. Destructuring assignment
16. JSBridge implementation principle
17. The method of array flattening (multidimensional array dimensionality reduction) as much as possible
18. Talk about your understanding of event bubbling and capture
19. Event proxy and event delegation
20. Change the method pointed to by this
21. Understanding of function currying
22. Understanding of tail functions and tail recursion
23. The use and understanding of promise, handwriting uses promise to encapsulate an asynchronous request
24. Implement a promise by hand and all or race of the promise by hand
25. The difference between async await and promise
26. Understand Generators
27. Understanding of anti-shake and throttling (handwritten implementation )
28. Handwriting to achieve Fibo
29. Implement factorial by hand and use tail call optimization
30. es6 class understanding
31. Understanding and usage of higher-order functions
32. How does jquery implement chain calls
33. Talk about your understanding of modularization (AMD, CMD, and es6 import, export, etc.)
34. Cross-domain methods and possible problems
35. Web security issues, common attack methods and prevention methods
36. Algorithms: handwritten bubbling, quick sorting, finding the string with the most occurrences, judging whether there is a sum of two digits in the array, using regular trim() to clear the spaces at both ends of the string, and deleting adjacent identical characters String, judging whether it is a palindrome string, reverse string in situ, etc. need to be handwritten and consider the complexity
Framework class vue (mainly), react
1. The difference between vue and react
2. If you are asked to choose how do you choose which framework to use
3. How do you build a vue project or react project
4. What life cycles does vue have and what can be done in each cycle?
5. What are the methods of passing values between components? (commonly used: props, event, vuex, dispatch custom event $emit; boundary conditions: $parent, $children, $root, $refs, provide/inject; non-prop features: $attrs, $listeners)
6. Understanding of front-end routing
7. Understanding of hash and history
8. The principle of data two-way binding (MVVM)
9. How is the vue template rendered, as detailed as possible or what exactly happened when the front end modified a piece of data?
10. Understanding of virtual dom
11. Understand the role of key
12. Common methods of routing
13. Dynamic Routing
14. Handwritten tree components talk about your ideas
15. What basic components have you encapsulated in your past projects, for example
16. Have you read the source code of the framework and talk about its overall design
17. Improvements of vue3.0
18. Which array methods have been rewritten in vue, and how?
19. vue first screen optimization scheme
20.keep-alive、nextTick
21. The difference between v-if and v-show and the priority of v-if and v-for
22. How is v-model implemented?
23. The difference and connection between vue.component and vue.extend
webpack articles
1. The difference between webpack and grunt and gulp
2. The version of webpack
3. What content have you configured in webpack and what is its function?
4. What is the principle of webpack packaging?
5. What is the function of the hash number after packaging?
6. How to package only the modified part through configuration, and then upload, instead of repacking all the content?
7. How to implement common code in multiple projects through configuration?
8. How is slicing realized?
9. What are the common Loaders? What problem do they solve?
10. What are the common Plugins? What problem do they solve?
11. What is the difference between Loader and Plugin?
12. How is webpack hot update implemented? What is the principle?
13. What is the webpack build process?
14. How to configure a single-page application, how to configure a multi-page application? When do I need to configure a multi-page application?
15. How does webpack optimize front-end performance? Which ones have you used?
http、https篇
1. What is the difference between http and https?
2. What is the difference between http1.0 and 1.1, 2.0?
3. What header information does http have?
4. Commonly used http status codes and their corresponding content?
5. Tell me what happened when you entered an address? as detailed as possible
6. Talk about your understanding of DNS
8. Repaint and reflow
9. Do you know about server rendering?
Frontier Technology Concern
1. Do you have your own blog and github?
2. How do you usually pay attention to some front-end content?
3. What books are you reading recently?
4. Has node ever written it?
5. Has Typescript ever been written?
6. Talk about your understanding of the interaction between native and h5, and what is the principle?
7. Do you understand the principles and differences between pwa, flutter, quick apps, and applets?
8. Cross-terminal technology ui-app, taro
9. Design Patterns
10. Front-end performance parameters FP, FCP, FMP, LCP, etc.
11. What are the commonly used packet capture tools and extensions?
12. What has been done for project performance optimization?
personal cognition
1. Tell me about your strengths and weaknesses?
2. Tell me about your most successful project in the past? What problems have you encountered in the past and how did you solve them? Something that impresses you etc.?
3. What is the most important thing in this job search?
4. Tell me about your own plan for the next three to five years?
5. What do you usually do on weekends?
6. Do you have any favorite things (hobbies)?
7. What do you think about overtime?
highly recommended
Don’t be in a hurry to find a job. For the factory you want to go to, you must be prepared before doing it (remember to remember), and you must restrain the urge to interview to avoid missing the only opportunity. It is recommended to spend two weeks before looking for a job. Systematize the knowledge left and right, it is recommended to go through the Red Book (elevation) and es6, you will benefit a lot. The above, I hope it will be helpful to everyone. If there are any missing points in the follow-up, we will synchronize everyone in time. I hope everyone can find the right factory.