How do we prepare for the front-end byte offer (internship)?

The beginning of the story:

I am a fresh graduate with a front-end development and a second major in computer science. I play games in my freshman and sophomore years. I feel that I am still far from work and there is no pressure. I just run into an epidemic in the next semester of my junior year. Compare my time at home during the epidemic. Many, playing games every day always feel psychologically anxious, so I began to earnestly self-study related knowledge. Prepare for the interview in advance with the test questions on the back of the home study program.

Share the following main surface and through individual learning (for 0--1 years experience), will face a lot of questions, including PDF documents, study notes, etc., can be shared, need to click here to receive a free ~

Byte interview questions

one side

• Self introduction
• this discussion
• Talk about the ways to change this point
• If you want to be compatible with IE, please simply implement bind
• Have you read the source code of Vue? Simply implement the publish and subscribe model
• UDP & TCP talk about the difference between the two
• How to judge whether this packet is UDP or TCP
• Talk about the principle of HTTPS
• Talk about when you must use ETag
• Browser caching, what are the methods?
• Look at the left side of the binary tree

Two sides

• Self introduction
• Talk about the advantages and disadvantages of virtual DOM compared to original DOM
• According to the svelte framework, what shortcomings can you tell by analogy?
• What is BFC?
• When to use BFC
• How to trigger BFC
• Mobile adaptation
• The difference between rem and em
• Vuex has used modules, talk about how the actions in the A file modify the state of B
• What does the exclamation mark mean after TypeScript variables
• Type assertion method
• asynchronous
• Probably write down the principle of Promise.all

Three sides

• Self introduction
• Introduction to key projects, difficult challenges
• How to implement the permission control scheme, and what is the overall idea
• How is the modularization divided and what has been done?
• Propose a remote search prompt function in the input box
• Talk about how the version is iterated

Interview preparation

School recruitment-1 year, this stage is still in the growth period, you need to pay more attention to your foundation and enthusiasm during the interview. The requirements for JS foundation, computer foundation, network communication, algorithm and other parts will be relatively high. After all, it is difficult to examine the precipitation in your business project at this stage, so you can only start with the basic part. Here are a few tips:

• Studying at school or using various materials on the Internet to consolidate one's foundation is the key to this stage.
• Show your strengths in your resume and let the interviewer see your potential.
• Learn more about the frontier technologies of the community and pay attention to various technological trends at home and abroad.
• Try to write some small projects yourself, or participate in community open source projects.
• Start recording your own technical blog.

Planning resume

Generally speaking, the resume structure is similar, and the content is best contained in a piece of A4 paper.

• Personal information
• Educational experience
• work experience
• Project experience
• Self-summary

Personal information:
concise and clear, including:

• Name, contact information, email address;
• School, professional;
• Job posts;

Educational experience:

• Write clearly the school, major, academic qualifications, time, and related courses
• Students with better grades can optionally note the professional rankings

Work experience:
Work experience is a very important part of your resume. It is a summary of your experience over the past few years.

What you need to write about your work experience is what you have done. Pay attention to listing what you have done instead of a running account. The best thing is what kind of contribution and efficiency you have brought to the company.

Specifically, you need to write clearly the location, start and end time, position, and work undertaken.

Project experience:

• Project experience can write internship projects, school competition projects, and technical projects tossed by yourself, sorted out in chronological order
• Describe the application practice of general technical knowledge behind the project and the ideas for solving problems
• Related output, online documents, blogs, etc.

Self summary:

• Describe professional skills and minimize words such as proficiency and proficiency
• Briefly describe scholarships and other school honors, such as competition awards
• Language ability, English, Japanese or other languages ​​are acceptable

Consolidate the foundation

Pay attention to the accumulation of basic theories, such as css box model, layout, transition and animation, and locate these more commonly used theories. For javascript, be more familiar with the syntax of logical operations and array syntax, because javascript is processing logic in many scenarios.

Study notes:

The main content includes html, css, html5, css3, JavaScript, regular expressions, functions, BOM, DOM, jQuery, AJAX, vue, etc.

Basic interview questions

The main content includes: HTML, CSS, JavaScript, browser, performance optimization, etc.

Byte Zhenti Training

CSS basics

1. Please tell me about the weight and priority of CSS
2. Introduce Flex layout, what is the abbreviation of flex:
3. How does CSS draw a square that is half the width of the parent element?
4. CSS implements adaptive squares and rectangles with constant aspect ratio
5. Ways to achieve two-column layout
6. Ways to implement three-column layout
7. What are the CSS animations?
8. Use css2 and css3 to write about vertical centering and horizontal centering respectively
9. The difference between visibility and display (and opacity)
10. Can opacity have a transition effect?
11. The difference between BFC and IFC
12. Will BFC and float elements cover each other? why? for example
13. Know box-sizing?
14. What is BFC
15. Know the box model?
16. Tell me about the position attribute you know, what are the characteristics?
17. Two divs are arranged up and down, and both have margins. What's the phenomenon?
18. What are the methods to clear floats?

JavaScript basics

1. Question: 0.1 + 0.2 === 0.3? why?
2. JS data type
3. How are JS integers represented?
4. What is the storage space of Number()? What to do if a number that exceeds the maximum self is sent in the background
5. Write code: implement functions to deep clone basic types
6. Event stream
7. How are events implemented?
8. What happened to a new function
9. a new constructor, if the function returns return {}, return null, return 1, return truewhat happens?
10. What is the use of symbol
11. What is a closure?
12. The essence of closure
13. How to generate closures in general
14. Application scenarios of closures
15. What is scope?
16. What is a scope chain?
17. What is NaN and what will be output with typeof?
18. JS implicit conversion, explicit conversion
19. Know this, what do bind, call and apply specifically refer to
20. Handwritten bind, apply, call
21. How long does setTimeout(fn, 0) take to execute, Event Loop
22. Handwritten question: Promise principle
23. js script loading problem, async, defer problem
24. How to determine whether an object is an empty object?
25. <script src=’xxx’ ’xxx’/>The external js file is loaded first or onload is executed first, why?
26. How to add event monitoring
27. Event propagation mechanism (event flow)
28. Talk about the prototype chain and the inheritance of the prototype chain
29. Let's talk about the understanding of JS
30. What are the functions that an array can call?
31. How to determine the array type
32. Are the arguments in the function an array? What is the method of converting array-like array to array?
33. Have you used TypeScript? What is its function?
34. Have you used PWA? What is the working principle of serviceWorker?
35. Use prototype to implement inheritance before ES6
36. If a constructor binds an object, will the instance created with this constructor inherit the properties of this object? why?
37. What is the difference between arrow functions and ordinary functions? Can arrow functions be used as constructors?
38. Do you know the ES6 Class? Do you know the Static keyword?
39. Event Loop
40. Handwriting problem: flattening the array
41. Handwritten questions: realize currying
42. Handwriting problem: Array de-duplication
43. let closure
44. Variable promotion
45. How to use instance

computer network

1. DDOS attack
2. http request process

• How are DNS domain names resolved?
• TCP three-way handshake
• Why do you need to shake hands three times?
• Why should the HTTP protocol be implemented based on TCP?
• Speaking of three handshake, are you talking about wave four times?
• What if the connection has been established, but the client suddenly fails?
• What are the http request methods?
• Common request status codes?

3. The difference between TCP and UDP and application scenarios

• UDP
• TCP
• Application scenarios

4. Congestion avoidance and flow control mechanism in tcp
5. http和https

• The difference between http and https
• https access process
• The advantages and disadvantages of https?
• How to optimize the performance of https?

6. Let's talk about http caching

• What is caching? What's the use?
• Do you know any caching methods?
• Cache location
• How does http caching work?

Vue framework

1. Which component attribute is active-class? How to define nested routing?
2. How to define the dynamic routing of vue-router? How to get the passed dynamic parameters?
3. What kind of navigation hooks does vue-router have?
4. What is scss? What are the installation and use steps in vue.cli? What are the major features?
5. What is mint-ui? how to use? Tell me how to use at least three components?
6. What is v-model? how to use? How to bind events to tags in vue?
7. What is axios? how to use? Describe the process of using it to realize the login function?
8. In the advanced axios+tp5, what is the operation of calling axios.post('api/user')? What about axios.put('api/user/8')?
9. What is RESTful API? how to use?
10. What is vuex? how to use? Which functional scenarios use it?
11. What is the mvvm framework? What is the difference between it and other frameworks (jquery)? Which scenarios are suitable?
12. What are the methods for custom commands (v-check, v-focus)? What hook functions does it have? What other hook function parameters?
13. Tell me at least 4 commands in vue and their usage?
14. What is vue-router? What are its components?
15. What are the navigation hooks? What are their parameters?
16. What is the principle of Vue's two-way data binding?
17. Please elaborate on your understanding of the vue life cycle?
18. Could you tell me the process of encapsulating vue components?
19. How did you meet vuex?
20. What is vue-loader? What are the purposes of using it?
21. Please tell us the usage of each folder and file in the src directory in the vue.cli project?
22. How to use custom components in vue.cli? Have you encountered any problems?
23. Talk about your understanding of Vue.js template compilation?
24. What is Vuex? Why use Vuex?
25. The difference between vuejs and angularjs?
26. Why doesn't vue directly manipulate dom?
27. How do you understand that vue is a progressive framework?
28. Vue declares that the component's state uses the data method, so why does data return an object through a function instead of directly writing an object?
29. Talk about the communication between vue components?
30. What is the difference between mixin and extend in vue?

algorithm

1. Bubble Sort
2. Select sort
3. Quick sort
4. Binary tree search: maximum, minimum, fixed value
5. Binary tree traversal
6. Maximum depth of binary tree
7. Give any node in the linked list, delete it
8. Linked list flashback
9. How to determine if a singly linked list has rings
10. Given an ordered array, find two numbers and add them to a target number
11. Find a number that appears more than half the number of times in an unordered array

Space is limited. Click here to get free materials needed for interview questions in this article ~

Last share

**"350 pages of front-end school recruitment interview questions refined analysis" **The content outline mainly includes HTML, CSS, front-end basics, front-end core, front-end advanced, mobile development, computer basics, algorithm and data structure, projects, occupations Development, etc.