Personal experience

I started my internship in 2018.9, and graduated from two books in July 2019.7. There are about 100 people in the front team of the old company, and social recruitment is basically not internship experience, but one and a half years of experience to fight.

From internship in 2018.9 – to full-time job in July 2019 – to resignation in March 2019. In this one and a half years, I wrote similar business for a long time, and I felt that it was very little help to my growth. It’s always vUE, always toB, always his system. Nearly a year, the basic is also in charge of two projects, and I really want to work with others to do projects, learn the posture of the boss. I also want to do other products, or toC, etc., and I want to expose myself to more things. I have learned that Youzan has very strong technology and uses React, which is preferred by DAFang. I want to change this aspect, which is also for a dream of dafang, so I need to make some changes. In addition, marriage needs a house, hangzhou housing price is not low, must struggle, or lack of money to put it bluntly. I have probably understood the increase of my old employer before leaving, and I can’t refuse the double offer from my next employer. It is also for improving my base and preparing for the future.

I went through the interviews with Micro Dot, Doodle, Hikham, Endpoint, Likes, and Bytedance. Here’s a rundown of the interviews and the results:

1. Offer

The first company I went out for the interview offered three rounds of technology and one round of HR, and the salary I gave was ok. For the rest of the year, 1-3 months, single vacation, five social insurance and one housing fund is the lowest, so I would not consider it myself

2. Graffiti (hang on site)

Went to the scene with confidence, got a hammering. The secondary reason is that in the PDF RESUME I gave, the key points were marked with other colors. As a result, scribble HR printed out the resume with all the highlights missing. The interviewer is also very helpless, can pick other can see the key word to ask, I am not too familiar, can GG. Give oneself blow pretty big… The main reason is their own food

3. Hikham (20mins on one side)

One side for 20 minutes, then hang up

4. Endpoint (Offer)

One phone, two on-site, three HR phone. The technology stack react, there are about 70 or 80 people in the front end, and the salary is ok. I heard that 90% of the employees there will be in the end of 3 months. I was supposed to go there, but I got a favorable offer.

5. Offer

About a week before or after, I received the offer on the last working day of the year before, and I asked to leave

6. Bytedance (1H20mins on one side)

Got a great offer years ago, ready to go. Unfortunately, I have never seen a big factory before. When it was time for me to leave my job, my friend helped me to push back a few bytes. With a mindset of trying, IT had been a month since the last interview, so I made a brief preparation. One side 1H20min, personal feeling is not as difficult as imagined, programming problem did not do well, is their own problem, refueling 💪🏻.

Summarized the next front interview questions and answers, I hope I can help you, in the golden three silver four, to find a satisfactory job.

HTML

1. How do you understand HTML semantics

2. What HTML5 tags have you used

3. What does Metaviewport do?

4. The H5 is what

5. Label Functions of the label

6. What are the inline elements? What are the block-level elements? What are the void elements?

7. How do I disable the href Jump page or locate the link in the a TAB

8. What’s the difference between canvas setting the width and height on the label and setting the width and height in the style

9. What browsers have you tested your page on? What are the kernels of these browsers?

10. What are the disadvantages of iframe?

11. It features

12.HTML5 offline storage

13. How do browsers manage and load HTML5 offline storage resources?

14. A Doctype? How to distinguish strict mode from promiscuous mode? What do they mean?

15.HTML versus XHTML — What’s the difference

CSS

1. The layout model used by dom elements in page rendering can be set by box-sizing. According to the calculated width and height, the region can be divided into:

2. Several ways to obtain width and height

3. Margin Overlap solution (BFC) Principle of BFC

4. Expand various ways to obtain width and height

5. Margin Overlap solution (BFC) PRINCIPLE of BFC

6. What is the difference between CSS reset and normalize

7. Center method

8. Introduce the box model of CSS

9. What are CSS selectors?

10. What pseudo-classes are added to CSS3

11. What is cssHACK?

12. Less Sass/Scss difference

Please explain CSS3 flexbox (elastic box layout model) and its application scenario?

JavaScript

1. What are the advantages and disadvantages of cookies

2. Array. Prototype. Slice. Call (arr, 2) method is used

3. After the following code is executed, the console output is

4. What does the browser local storage look like

5. Prototype/constructor/instance

6. The prototype chain

7. Execution Context (EC)

8. Variable objects

9. Scope chains

10. Closure

11. Copy the object

12. Execution of the new operator

13. Instanceof principle

14. Code reuse

Inherited 15.

The browser

1. Cross-tab communication 2. Browser architecture 3. The process from input URL to display 5. Redraw and reflux 6. Storage 7. Memory leaks 10. Reflow and repaint optimizations

Server and network

1. The HTTP/HTTPS protocol

2. Common status code

3.get/post

4.Websocket

5.TCP three-way handshake

6.TCP waves four times

7.Node EventLoop: Six phases

8. Summary of the URL

9. The security

10. The difference between HTTPS and HTTP

VUE

1. What are the two core elements of vue.js?

2. What is the principle of vUE bidirectional binding?

3. What are the vue lifecycle hook functions?

4. What’s the difference between V-if and V-show?

5. Vue commonly used modifiers

6. What is the VUE lifecycle

7. Data response (data hijacking)

8. Virtualdom implementation

9. Advantages of Proxy over defineProperty

10. Functions of key values in vue

algorithm

1. Five algorithms 2. Basic sorting algorithm 3. Advanced sorting algorithm 4. Data tree 6. Balance to find defective products

For programmers, to learn the content of knowledge, technology is too much, not to be eliminated by the environment only to constantly improve themselves, is always us to adapt to the environment, rather than the environment to adapt to us! The interview is going to be all about these things, so there’s no trick to the interview, it’s just about how well you prepared for them. So, go out and see where you are in your revision process.

Due to the limited space, just in the form of pictures to show you a part, the front end test PDF content is too much, there is a need for information can
Click here to, free access to all front end interview materials in this article
Full PDF version.