I have one year’s experience in a small company and two years’ experience in outsourcing to a large front-end factory. The location is Hangzhou. I recorded part of the interview records in June, and some of them were forgotten too much.

Ximeng Technology (with offer)

One technical side

  • project
  • How does Axios cancel requests, principles
  • React how to diff, detail
  • Use of hooks
  • Why can’t hooks be written in loops or conditional statements
  • Usage scenarios of useMemo and useCallback
  • UseEffect, useLayoutEffect difference
  • Drag and drop native implementations
  • Talk to promise
  • Three principles of Redux, how to write a middleware
  • What is the difference between DVA and REdux
  • What the TL does
  • How to deal with stress at work

Second, the personnel interview

  • What is the project responsible for?
  • What are the criteria for intermediate and advanced recruitment as an interviewer
  • What’s different about the project you put the most effort into
  • Learning style, whether some of the things learned to apply to the work
  • Do you do technical things outside of work
  • How to deal with the problem that you can’t solve
  • How to deal with work pressure
  • What will you do on the weekend
  • How to Work overtime
  • What kind of technical team would you like to join

The three front ends are responsible for the human side

  • The cause and purpose of the project
  • What if you were assigned trivial, unskilled tasks for a long time
  • Learning style
  • What book did you read recently? What was the first chapter about
  • How to View Stress
  • What if the business pressure is too big, resulting in frequent overtime and no time to study
  • The desire for a team

Light Cloud Technology (get offer)

One technical side

  • Project description and responsible content
  • How to Understand Fiber
  • Fiber node object has some properties
  • The react diff algorithm
  • Scenario: How to optimize 200 pieces of data in a drop-down box (10 pieces are displayed by default)
  • React vs. Vue

Second executive interview

  • Responsible for the most complex project description, responsible content, technical proposal
  • 60 requests (maximum 6 requests at one time) request parallel scheme
  • Native drag and drop solution and implementation details (mouseMove, Drag, drop)

Three sides June 3rd governor’s side

Forget…

Sumi Technology (get offer)

A technical telephone interview

  • React disadvantages (… Silence)
  • The react hooks used
  • React Class constructor
  • What’s the difference between pureComponent and Compoent
  • Why capitalize the React component name
  • The difference between arrow functions and normal functions

Second technical telephone interview

  • React class: hooks
  • HOC usage scenarios, custom hooks usage
  • Webpack understand
  • Which array traversal method is faster
  • Chat program
  • React Routing Principle
  • The react – redux principle
  • The understanding of the d3

Brain Galaxy (with offer)

A technical interview on site

  • Deep copy implementation, and shallow copy differences
  • How to understand node single thread
  • Database knowledge
  • Mongodb checks a data statement by ID
  • What the TL does
  • Expectations of a new job

Two, three technical aspects

  • Chat program
  • Why did the React lifecycle add two static objects
  • What are the advantages of hooks and how are they used
  • The react diff algorithm
  • Event loop
  • css flex
  • Keys () and for in
  • Filter and Map are different
  • Handwritten bind
  • Hand-written multidimensional array weft flat
  • The handwriting function implements the array. [12, 3, 24, 1, 932, 6423] sort by first place
  • Handwriting quickSort
  • Handwritten implementation of add function satisfy add(1)(2)(3)() return 6
  • Handwritten short version deep copy

Exchange bar (hang)

It’s all es6 basic issues, omissions…

Hangzhou Chuji Technology (with offer)

A June 7 technical side

  • Write a topic:
  1. Implement sum(1)(2)(3) and print 6
  2. Handwriting anti – shake function
  3. Sleep (1000) delay execution // Three versions of Promise, Generator, async await
  4. Implement the intersection of two arrays [1,2,3,4,8], [2,3] // intersection [2,3];
  • Chat program
  • The difference between egg and KOA, chair and Egg
  • An SQL query statement
  • What does LoDash use to implement get, set, and deep copy
  • By learning how completeness can be used in business development
  • react diff
  • Hooks and class components
  • How to emulate the class component lifecycle in hooks

Second face TL face on June 7

  • Chat program
  • I was most satisfied with one project and one of my responsibilities
  • . Forget the

Three sides June 7th governor’s side

  • Introduce yourself again
  • React lifecycle
  • Know which design patterns
  • What do design patterns know, what do they do, and how do they look at it
  • What does the TL do and how does it assign work to people in the group
  • . Forget the

Quick hand (hang)

A technical video interview on June 8

  • Talk about the project, the original intention of the project, the purpose, what is responsible for, the implementation of the results
  • Vw, VH, REM, EM
  • flex
  • Achieve a vertically centered layout
  • The prefetch and preload functions of the link labels
  • Script tags async, defer function, difference
  • Event model, event broker
  • E. target and E. Currenttarget
  • 0.1 + 0.2! == 0.3 solution
  • Check what data type methods there are
  • Typeof String(1) and Type New String(1) return values
  • String(1); new String(1); substr()
  • Browser security policy cross-domain method CORS how to carry cookies. The Samesite function of cookies
  • How to understand the event loop

Programming problem: Implement the following functions

function add() {}

function one() {}

function two() {}

console.log(one(add(two())))
/ / 3
console.log(two(add(one())))
/ / 3
Copy the code

Zheng Caiyun (hanging)

One technical side

  • Chat program
  • React Hooks concept, usage, setState, and the class component this. What’s the difference in setState
  • HTTP header fields
  • The difference between backend configuration cache and HTML meta tag configuration cache
  • Understanding of CDN
  • Forget…

Second technical side

  • Project experience
  • Custom hooks use
  • Var, let, const
  • The difference between Object and Map
  • Difference between Map and WeakMap
  • Garbage collection mechanism Stack memory collection, heap memory collection
  • What are the core competencies of the front end
  • Knowledge of hot or new technologies in the front end

Wechat store (get offer)

One side

  • React Event System
  • The React Class component is distinguished from hooks
  • How do useCallback and useMemo work
  • Performance optimization done
  • The difference between processes and threads
  • Thread and process communication mode
  • Whether a new process or thread is started using webWorker
  • First screen optimization scheme
  • Drag and drop implementation scheme
  • Handwriting new function and array weft down sort

Second interview

  • Principle of promise
  • Promise: catch, then if you return something in the catch then the callback will accept it
  • How are promise errors caught
  • Talk about the browser event loop
  • How does JS store data and garbage collection
  • How to do component library design, and how to ensure stability, how to do single test
  • Component design, understanding design patterns, practical applications
  • Visualizations, SVG and Canvas differ in usage scenarios

Three director + HR interviews

  • React is different from Vue
  • Tell me about the most complex project I have ever worked on and the project I felt contributed the most to.
  • What’s the difference between what you do and what everyone else does?
  • Why I chose you
  • At ordinary times the way of learning, learning ability reflected in what aspects
  • I thought I was right about Ali
  • Career planning
  • What do you do on weekends
  • How to learn and what is the output
  • What are you studying recently
  • Why do you want to leave outsourcing
  • What do you think is the difference between outsourcing and party A
  • What did you do when you were a TL? How did you divide everyone’s workload equally? How did you evaluate

Lilac Garden (with offer)

One side

  • I forgot to answer the paper handwritten questions in 30 minutes
  • React hooks and Classes
  • React Diff = On3
  • React 15 16 Different, Fiber architecture advantages
  • How does code Review work
  • How to Assign tasks
  • How to optimize performance

Second interview

  • Why you left your job
  • How to design a local storage package for other colleagues to use, ideas, implementation details
  • What do you think are your strengths and weaknesses
  • Career planning
  • How to learn and how to plan
  • Forget it.

On three sides

Further more

Get an offer

Further more

Ali CBU Technology Department (Diploma)

1

/** * Find the sum of the KTH and MTH largest numbers in an array * * let arr = [1,2,4,4,3,5], k = 2, m = 4 * findTopSum(arr, k, m); // The second largest number is 4, which occurs twice, and the fourth largest number is 2, which occurs once, so the result is 10 */
Copy the code

2

/* Promise.allSettled can wrap multiple Promise instances into a new Promise instance. Unlike Promises.all, where only promises * are successful and return an array, allSettled always returns an array of results, each of which is the result of running each Promise. * Please implement a promise.allSettled function */
Copy the code

3

To implement an EatMan, EatMan can have some of the following behavior * examples: * 1. EatMan(" Hank ") output: * Hi! This is Hank! * 2. EatMan(" Hank ").eat(" dinner ").eat(" supper ") output * Hi This is Hank! * Eat dinner~ * Eat supper~ * 3. EatMan(" Hank ").eat(' lunch ').eatfirst (" lunch ") output * Eat lunch~ * Hi This is Hank! * Eat supper~ * 4. EatMan(" Hank ").eat('dinner').eatfirst (" lunch ").eatfirst ("breakfast") output * Eat breakfast~ * Eat supper~ * Hi This is Hank! * Eat dinner~ */
Copy the code

Write in the last

I’m Siwei, a front-end developer who started trying to export something to the community.

If there are any errors in this article, please correct them in the comments section. If this article helped you, please like 👍 and follow ❤️

If you have the same experience, or have a question to consult me, then welcome harassment VX:W_247096