Two weeks ago, the junior passed Ali's six rounds of interviews and successfully got the offer!
Responsible for the front-end deployment of AutoNavi Map. The salary is very good, 30k*15 salary. Prior to that, he worked in a state-owned company for 3 years, and this time he returned to Dachang, in his words, he was really prepared!
Alibaba's strength in the Internet industry does not need to be talked about.
The advantages of a large platform, excellent benefits, and broad growth space make it never lack excellent job seekers!
At first, the junior, like most front-end job seekers, felt that Ali's threshold was too high:
Second-rate undergraduates, double non-university can't enter the big factory! ”
Born in a small company, you can't enter a big factory with limited experience! ”
Graduated from non-professional classes, the technical level is poor, and you can't enter a big factory! ”
With the attitude of trying hard, he still submitted his resume to several large factories, and successfully obtained several interview opportunities. Of course, Ali was his last resort.
Double non-colleges, two non-professional backgrounds, and have been silent in state-owned enterprises for a long time, the most fundamental reason why the younger brother feels that he can be hired should be the recognition of his skills by Ali interviewers.
The following is the preparation he made before the interview, and students who want to enter Ali can refer to:
Written in front: Four routines that must be followed in the interview answer:
1.Explain the clear definition or characteristics of the test center.
2.Supplement the specific application scenarios;
3.Talk about your own views, views and experience summary;
4.It is appropriate to draw inferences about similar features or similar frameworks, and better solutions.
One side: a wide range of brushing questions! The required questions are mainly old school classic questions (this, closures, prototype inheritance, layout, elementary algorithms, ES next), targeted questions such as frameworks, small programs, etc.
Two-sided: Prepare targeted questions based on JD. Such as: SPA, head-to-back separation, engineering, security, language understanding. The focus of the project, the difficulties, the contribution and value of the individual in the process of the project.
Three sides: focus on business sense. Prepare non-technical topics, such as work plans, personal planning, and prepare drafts to guide the examiner to ask questions.
React core content: Complete an item with NextJS.
Specific questions such as:
1.What is next and why do we need next?
2.How do I quickly create a next project architecture?
3.How do I create a view based on a routing system?
4.How do I add a style in Next?
5.How to implement pre-rendering.
6.How to achieve static generation based on dynamic routes.
7.How to export a project.
8.How to deploy the next project to the server.
vue-3.0 Core Content:
1.vue.js 3.0 Source code organization.
2.Different builds.
3.Composition API design motivation.
4.Performance improvements.
5.vite
6.composition api
7.Lifecycle hook function.
GraphQL Core Content:
1.GraphQL Getting Started, Schemes and Types.
2.apolloserver uses.
3.GraphQL Case.
I compiled the common test content of some major factories into a "Front-end Interview Guide for Major Manufacturers", which is divided into html, css, j**ascript, react, vue, browser, server and network, algorithm, etc. If you are interested, you can take a look and feel that it is useful to like and support.
HTML semantics.
canvas.
What is the difference between SVG and Canvas?
What's new in HTML5?
How to deal with browser compatibility issues with HTML5 new tags?
Let's talk about the title and alt attributes.
What are the HTML Global Attributes?
How many options are there for centering an element horizontally and vertically?
What are the advantages of a floating layout? What are the drawbacks? What are the ways to clear floats?
What are the problems with using display:inline-block? The solution?
Layout question: The div is vertically centered, 10px left and right, and the height is always half the width.
Box model. How does CSS layout the characters?
CSS how to do the Holy Grail layout.
How does CSS implement a two-wing layout?
What is BFC?
Trigger conditions. BFC rendering rules.
Application scenarios. 
What are the types of js raw data? What are the types of referenced data?
Is null an object? Why?
1’.Why can tostring() be called?
0.1+0.Why is 2 not equal to 03？
What is Bigint?Why do you need a bigint?
How do I create and use a Bigint?
Does typeof correctly determine the type?
Can instanceof determine the basic data type?
Can you manually implement the instanceof function?
object.What is the difference between is and ===?
= ![What is the result?] Why?
What are the types of castings in JS?
What's the difference between ===?
What is the process by which an object is converted to a primitive type?
How do I make if(a == 1 &&a == 2) condition true?
What is a closure?
What are the causes of closures?
What are the forms of closures?
How do I fix the following loop output problem?
What is the relationship between a prototype object and a constructor?
Can you describe the prototype chain?
How does JS implement inheritance?
Why aren't the arguments of a function an array? How do I convert it into an array?
Does return in foreach work? How do I interrupt a foreach loop?
js determines whether an array contains a certain value.
Flat in js—Array flattening.
Higher-order functions in arrays.
Is it possible to implement the array map method?
Is it possible to implement the array reduce method?
Can you write a full deep copy?
How is the data stored?
How does the v8 engine do the garbage memory**?
Describe how V8 executes a js**?
Macrotasks are introduced.
The main differences between nodejs and browsers regarding eventloops.
How is asynchronous, non-blocking IO implemented in nodeJS?
What are the solutions for JS asynchronous programming? Why are these scenarios occurring?
Can you simply implement the mechanism of the ** function in node?
By what did Promise destroy the ** hell?
How does a promise implement a chain call?
Now promise all and race
Explain how async await works.
What Is the HTTP Packet Structure?
What are the HTTP request methods?
What is the difference between get and post?
How do you understand a URI?
How do I understand HTTP status codes?
A brief overview of the features of HTTP? What are the disadvantages of HTTP?
What do you know about the accept family field?
How is HTTP transmitted for fixed-length and indefinite-length data?
How does HTTP handle the transfer of large files?
How is the submission of form data handled in HTTP?
http1.1 How do I fix the head-of-line blocking problem for HTTP?
What do you know about cookies?
How to understand http
What is HTTP caching and caching**?
Why is the cache generated?
Cache control for the origin server.
Cache control for the client.
What is Cross-Domain? How does the browser block responses? How to fix it?
Can you tell us about the difference between TCP and UDP?
Tell us about the process of TCP three-way handshake?
Why three times instead of two, four?
Can I carry data during the 3rd handshake?
Let's talk about the process of TCP waving four times.
Why four waves instead of three?
This section describes the fields in the header of TCP packets.
Let's talk about the principle of TCP Fast Open (TFO).
What is the role of timestamps in TCP packets?
How is the timeout retransmission time for TCP calculated?
Let's talk about TCP's flow control.
Talking about TCP's congestion control?
Talking about browser caching?
Talking about your browser's local storage? What are the advantages and disadvantages of each?
Tell us what happened from entering the URL to the page rendering? (Network).
Talk about your understanding of redrawing and reshoring.
Can you tell us about XSS attacks?
Why does HTTPS make data transmission more secure?
Can you achieve event bounce stabilization and throttling?
Is it possible to achieve lazy loading?
What is MVVM?
What is the difference between MVVM and MVC? What is the difference between it and other frameworks (jquery)? Which scenarios are suitable?
Transferring values between components?
Vue two-way binding principle.
Describe the process of Vue from initializing the page to modifying the data and refreshing the page UI?
Virtual DOM implementation principle.
What does the key value do in Vue?
Vue's lifecycle.
What are the ways in which Vue components communicate with each other?
How do I reset data in vue?
What does the write name option in the component do?
What hook functions does vue-router have?
What is the difference between a route and a router?
Let's talk about the understanding of Vue and React, and make a simple comparison.
How does Vue's Nexttick work?
What are the properties of Vuex?
Linked lists. Simple reversal of linked lists.
Range reversal. Flip linked lists in groups of two.
Flip linked lists in groups of k.
How do I detect linked list formation loops?
How to find the starting point of the ring.
Merge two ordered linked lists.
Merge k ordered linked lists.
Determine the palindrome linked list.
Stacks and queues. Valid parentheses.
Multidimensional array flatten
Ordinary level traversal.
Zigzag hierarchical traversal of a binary tree.
Right view of the binary tree.
A perfectly squared number.
Word Solitaire. Priority queues.
A note on the heap.
Achieve a maximum heap.
Implement priority queues.
The first k high-frequency elements.
Merge k sorted linked lists.
What is a double-ended queue?
Sliding window maximum.
Stack implementation queues.
Queue implementation stack.
Binary tree. Pre-order traversal Middle order traversal Subsequent traversal.
Maximum Depth Minimum depth.
Symmetrical binary tree.
The nearest common ancestor of the binary tree.
The diameter of the binary tree.
All paths to the binary tree.
The maximum path of the binary tree is sum.
The full version of the interview materials can be obtained by private message [111].It is best to set a goal for yourself at the beginning, then make a plan, and give a cycle, and then constantly adjust according to the actual situation, and periodically summarize the learning situation, whether the expected plan has been completed, whether the direction has deviated, etc.
If the situation allows, it is best to find a few friends to hold together and compete benignly, after all, it is very stressful to watch others make continuous progress every day, and they can also communicate and discuss with each other, supervise and remind each other, and even take turns to share what they have learned in recent times every week.
Finally, I wish you all a bright future to find and join the company of your choice, and work smoothly, and wealth freedom as soon as possible.