I have been working in the new company for several days. I would like to share my interview experience with you.

Hope it can be helpful to the students looking for a job.

1 Why did you quit?


Boss Ma said that there were no more than two reasons for leaving, “one is wronged, the other is lack of money.”

I do feel less money, because I bought another house last year, two mortgages, and also have the ability to raise my salary. But more importantly, I feel that my development is limited. My last company was an outsourcing company. I joined it in October, 2018 and left it in August, 2012. Programmers who feel that their technology is limited are very anxious and prone to self-denial.

During the two years, there was no obvious improvement in technique in the project, and some new knowledge points or new attempts would not allow you to do them, because all the tasks were assigned from above. So most new skills are tried out through personal projects after work.

Many of my colleagues are in their thirties, which means they have less chance of getting out of outsourcing, or spending the rest of their programming lives in outsourcing.

This is not the life I want. I have been working in a research company for 18 years, and the salary is higher than that of outsourcing. For various reasons, I still choose outsourcing. I hope I can really understand the front-end industry before the age of 30, like an old man looking back on life, can read through. If possible, I will become a real senior front-end engineer by the age of 30. These days I have made a new plan for myself. I hope that in 2023 I can say to myself, thank you, I will take the baton.

“When you want to leave, you have to trust that your decision is probably the right one.” Don’t hesitate to do this, it means that you have realized that you do not fit in here, and move as fast as possible.

I have done two small projects this year, the basic functions have been done, there are still many problems, and time to change.


Jane secret network:Janmy.com: resume editing site online

Hand net responsive web site

Node + Express +mongodb is used in the backend of Handearn

2 Interview Experience


The idea of changing jobs was in June this year, there are many nuggets above the summary of knowledge points and related experience, to tell the truth, “these experience mostly used on.”

I interviewed more than 10 companies, there are outsourcing, since the research, telephone, video, the scene have, outsourcing is they call over. The highest offer is 18.5K, and the lowest offer is 16K. I have worked for 4 years, and this salary is basically the market price. Of course, those who are more awesome or 985,211 students will get a much higher salary, but after all, the minority, not discussed here.

I went to the interview when I was still employed, because I was worried that the demand for recruitment would decrease due to the pandemic. In the actual interview process, there are still many front-end demands (probably related to the fact that I didn’t go to the interview in the last two years and didn’t perceive the demands of the previous two years).There are some rules that I can tell you,“Large companies spend 80% of their time asking about projects, while small companies or contractors spend 80% of their time asking about technical points“.

3. What will the interview ask

3.1 Specific question types

None of the following interview questions will name a specific company to ensure the hiring company is hiring the right person. The following problems are divided into “necessary problems”, and “large probability problems”, “small probability problems”

This probability value is based on comprehensive statistics of the 10 or so companies interviewed (” not universal “).

I won’t post the answers to some of the questions you can answer

There will be problems, there will be problems

1. Vue response principle? Tell me more about the process.

You can take a look at itThis articleOr nuggets related articles.

Is really a question, whether outsourcing or research, or the phone, will ask this question.

What? Don’t you? Okay, Niubi

2. Vue lifecycle
  • Must question, say roughly each period characteristic
  • Why is there a life cycle
  • Which hook functions are used in the project
  • How many hook functions does SSR have

Vue related interview summary, Item 3

3. New features in HTML5 or CSS3

Although this question is not 100% asked, but the vast majority of companies have asked, I will put in this classification, you will not have a problem with it (there is a problem I will not listen to ah)

  • What new tags do you use
  • What are the major chunks of the new features? What did you use in your project?
  • Has canvas ever been useful
4. Scope, closure, prototype chain
  • Just to give you a sense of what the three are refer to article 3, article 4, article 6
  • What is the use of prototype chains refer to article 6
  • How to implement prototype chain inheritance refer to article 12.1
  • Where did you use closures in your project? Why use closures? What is the principle behind closures?

Well, these are three questions I’ve been asked since I started my career.

5.es6
  • What ES6 features will be used in the project (he focuses on arrow functions and promises, and no doubt he has questions about this)
  • Say something about the reference to this in the ES5 and ES6 arrow functions
  • What are the ways to change this refer to article 5
  • How do I use promise? What problem does it solve?
  • How do I break a promise? (You can return an empty promise, with no resolve or reject.) Refer to # 13, and we recommend going through the entire rule
6. Performance optimization
  • What was the performance optimization done on the last project
  • How to optimize performance at the code level
  • How does WebPack optimize performance

Refer to the article

Big probability problem big probability problem

The high probability question is basically 50% or more

1. flex

Some mobile developers are likely to ask, especially those doing UI-app

  • Have you ever used Flex
  • Let’s talk about flex’s properties
  • Use Flex for vertical centering
  • Use Flex for a nine-grid layout

Reference 1-10

2. Responsive layout
  • You know what responsive layouts are
  • Let’s talk about the difference between REM, EM and PX
  • Let’s talk about the implementation of REM
3. What are the block elements
  • Talk about the differences and characteristics between block elements and inline elements
  • Know which empty elements (like single tag elements like IMG)
4. Which properties of the CSS can be inherited
5. Do you know CSS animation? The transform under the said
6. vuex
  • Is vuEX used in the project
  • What are the alternatives if vuEX is not used (let’s say other component communication methods)
  • What are the pros and cons of Vuex (powerful, but heavier than eventBus)
  • What attributes does Vuex have (5 attributes)
  • The difference between Vuex action and mutation
  • Have you seen the vuex source code? (It’s your show time now, brother)

Refer to article 7

7. The instructions
  • What is the nature of the V-Model
  • Has.sync ever worked? How it is used (essentially syntactic sugar, parent omits V-ON event)
8. Diff operation of vue
  • Have you read the relevant source code
  • Say what you understand
  • What does a key in diff do

Refer to article 11

9. The difference between V-show and V-if

Refer to article 4

10. Vue routing
  • What kinds of routes are there
  • Tell me the difference between these routes
  • Do YOU need a background URL for history

Refer to article 9

11.i18n
  • How is it configured
  • How to switch languages
12. See you use the socket, tell me how it communicates
13.2 Pages how to communicate
  • How to communicate with 2 pages of domain name
  • How do 2 pages in different domains communicate
14. The virtual dom
  • Tell us what you understand about the virtual DOM
  • The realization principle of virtual DOM
  • Pros and cons of the virtual DOM

Refer to article 12 13

15. Why should data be set as a function

Refer to article 18

16. com puted and Watch

Refer to article 24

17. Long list optimization
  • Is there any use for rendering lists in the project
  • How do you optimize long lists
  • What if you don’t do paging? Is there any way to optimize on the front end

This question is asked several times in the field interview. Normally, it is optimized through pagination, but what if there is no pagination? Then I need to do something like load on demand. Can refer to the “bridge in the cloud” article, write very detailed.

See article no. 30 and this series on Bridges in the Clouds

18. Difference between deep copy and shallow copy

Refer to article 7

  • Handwritten deep copy refer to section 4
  • How to implement shallow copy (Object.asign)
An array of 19.
  • The ones that used arrays
  • How to implement array deduplication

Refer to article 8

20. Reflow and repaint
  • Tell me the difference between the two
  • What is the trigger

Refer to article 3

21. The storage
  • Talk about the browser storage and the differences
  • Talk about strong caching and negotiated caching

Refer to article 4

22.http
  • Talk about common HTTP status codes
  • Say what the request header contains refer to section 4-2
23. Browser rendering flow
  • Let’s get straight to the rendering process. Refer to Article 6-1

Small probability problem

Some companies ask, less than 50%

1. Tell me how you encapsulate components

Because components are reusable, we need to consider exposing properties and events to be imported from different places, as well as dynamic and static content within components.

2. How to create a triangle

4 borders, 3 transparent, only one display

Reference 1-4

3. Center vertically

Methods more

Reference 1-6

4. The difference between the link tag and the import tag

Only one company has asked this in a phone interview

Reference 1-9

5. Event execution mechanism

Reference 1-15

6. Delegation/agency of events

Reference 1-18

7. Memory leaks
  • A memory leak scenario

Reference 1-36

8. Layer the network
  • Which network layers are divided into
  • Talk about the purpose of the tcp3 handshake
9. Cross domain
  • What are the cross-domain solutions
  • How to configure proxy for VUE development
  • Whether the vUE proxy is a forward proxy or a reverse proxy

Reference 1-13

10. Control the permission of routes

Rrouter. addRoutes is used to dynamically add the permission table returned by the background.

11. Tell me what you know about Webpack
12. Performance optimization

Talk about any optimizations you did on your last project/or what you know about optimizations

The rest is in the second part, because the nuggets limit the number of words