Hello everyone, I am wind love cat. I am looking for a job recently and I have started my job now. Face Ctrip, Meituan, JINGdong, than the heart APP, fluent English, Baidu, bytedance, new nuclear cloud, now write a following classics, too many did not prepare the answer, you should be able to find online search. It may be easier to find a job before the end of the year, so I hope all of you who have been looking for a job recently have a smooth ride. If you feel helpful, remember to give a thumbs up oh, thank you in advance!

Fluent in English

One side

  • Describe the micro front end

    • How to co-develop

    • Matters needing attention

  • 2: Scenario problem

    • 2.1: Two requests are sent in parallel. If one of the requests fails, the default value is used instead. How to achieve this

    • 2.2: How to reuse a page with two identical requests

  • 3: React life cycle

  • 4: React Communication

  • 5: what is the cross-domain communication

  • 6: HTTP cache

  • 7: lazy loading

  • 8: CommonJS and ES Module difference

  • 9: Tree Sharking principle

  • 10: Difference between Loader and plugins

  • 11: the difference between anti-shake and throttling, probably achieved

  • 12: Learn about new technologies

Second interview

  • Introduce project highlights
  • Introduce the micro front end
  • Talk about the NPM package management mechanism
  • A plug-in depends on D plug-in version 1.0.1, B plug-in depends on D plug-in version 1.0.2, C plug-in depends on D plug-in 1.1.0, so several versions of D plug-in have been downloaded after NPM I
  • What are the common request headers and response headers for HTTP
  • Talk about webpack configuration, commonly used loader, plugin
  • Scenario questions
if(a == 1) {
    console.log(a);
}

// The console will report an error
// What kind of error is reported
Copy the code

On three sides

The three sides I met with had almost no technical side

  • Introduce the project
  • The role you play
  • How do you usually study
  • Plan for yourself
  • What do people say about you

In fact, I feel very good about fluent, but my salary is lower. I don’t have to say how much more specific, these several companies are above 20K, the HR of fluent gave me a good impression, and the voice of my little brother is also very good. If I didn’t get the offer from Baidu, I really feel sorry for fluent.

ctrip

One side

  • Introduction to the micro front End
  • How does the universe framework implement the sandbox mechanism
  • Write a singleton pattern
  • Write a publish subscribe model
  • Write a compose function for redux
  • Hand write a combination inheritance
  • Garbage collection mechanism to understand, introduce
  • What is the difference between custom hooks and functions

Second interview

  • The output order of the event loop is incorrect
  • Implement function asynchronous request on success return, retry Max times on failure
  • How to monitor the front end
  • Why can’t hooks be written in if statements
  • The implementation principle of useCallback
  • How to draw 1px physical pixel line, logical pixel, physical pixel concept
  • How do you implement your own mock service? Why not use a plugin in Webpack

On three sides

Three also did not ask about technology

  • What does the company do? Introduce the products
  • The team role you’re playing now
  • You are a manager now. Why did you leave
  • Future planning

Ctrip is a new business line, need a period of time of 996, but ctrip itself is not 996 company, overtime pay. And after ctrip interview, there will be a line of assessment and oral English evaluation, must be, and finally because Baidu did not go to Ctrip.

Heart than the APP

One side

  • Introduce the project
  • A little bit about the micro front end implementation
  • Write a promise. all function
  • Write a publish subscribe model
  • A setTimeout event loop
  • Handwritten questions to achieve the display of telephone numbers (3, 4, 4)
  • [0, 2, 3, 0, 5, 0, 0] move all the zeros to the back

Second interview

  • Introduce the project highlights
  • How do you use Redux
  • Redux source code introduction
  • You say you use Angular, Vue, and React
  • Do you know anything about caches
  • Briefly describes the HTTPS
  • This section describes some common Git operation commands

On three sides

  • Project highlights
  • React How does react communicate
  • How do connect connect components in react-redux
  • Why you leave your job
  • What are you good at

On the one hand, I am a nice little sister. On the other hand, I am also a good leader. In fact, THE HR has been waiting for me to talk about my salary after the baidu interview

baidu

One side

  • Introduce the micro front end

  • Universe framework source code read it

  • Write a custom hooks, useDiff

  • The more array de-duplication methods, the better

  • Write a re that matches a mailbox

  • Realize the function

    function repeat(s, count) {}

repeat('s'.3) / / output 'SSS'
Copy the code

  • function

// rematch tag names to output div p span<div>
     <p>
       <span></span>   
     </p>
     <span>
     </span>
 </div>
Copy the code

  • Implement a deep copy

  • The implementation function counts the most frequently occurring characters in a string

  • Have you done any optimizations

Second interview

  • Introduce the micro front end

  • Which apis are used by hooks

  • UseState, useEffect useRef, what is the difference between useMemo in data storage

  • How do the hooks component pass out methods

  • Write a three-column isometric layout, as many as possible

  • What to look out for when writing a common component

  • Write a form generation component

    • Generate a complete component
    • Values that are entered into the form can be returned
const config = [
    {
        type: 'input'.name: 'name'.key: 'name'
    },

    {
        type: 'select'.name: 'work'.key: 'work'.options: []
    }
] 

<FormC config={config} />
Copy the code
  • How well do you use it? Name a few advanced uses
  • This section describes the difference between interface and type

On three sides

  • Introduce the project
  • Why refactor the project
  • Why do a micro front end
  • Tell me more about what machine learning does
  • What changes do you think AI intelligence will bring to the front end

Baidu second surface is a little sister. In terms of platform and technology, Baidu finally chose Baidu. It seems that Baidu attaches more importance to React, and the other positions also recruit React

Jingdong Cave Laboratory

  • Describe the micro front end implementation and how you do it

  • Universe framework source code read

  • Commonjs and ES Module

     // a.js
 module.exports = {};

 exports = {
     name: 'json'
 };

 // b.js
 const a = require('./a.js'); // Output what
Copy the code

    2:

    // a.js
module.exports = function a() {}

// b.js 
// How to use es6 module syntax in B
Copy the code
    • This section describes the browser caching mechanism
    • How does WebPack packaging work
    • Have you written webpack plug-in? Introduce the principle
    • Webpack5 introduce
    • If you use React, introduce fiber architecture
    • Esbuild, let me introduce you
    • You have used VUE, now comes VUE 3.0
    • Vue now has a packaging tool vite, introduce why it is faster than other packaging tools

I feel very good about jingdong Attong-gu Laboratory. I think this department is basically engaged in research, and there has been no news after the first meeting. After asking, he said that he was still evaluating, and estimated that it was cool. The last three questions were just the group inside the article, but only looked once and did not go deep, and swept about.

Bytes to beat

One side

  • Introduce the project, micro front-end implementation
  • This section describes the HTTPS encryption process
  • Redux principle
  • Third party login, if you were to design, what would you consider
  • This section describes the browser and Node event loops
  • Do a prototype chain output problem
  • Did a setTimeout output problem
  • Did a this.setState output problem (asynchronous and merge)
  • Implement promise.race
  • Task ().eat().sleep(2000).eat().sleep(2000
  • Say the list has rings but the space complexity is O(1)

Second interview

  • Introduce the project
  • Familiar with redux, introduce the source code
  • How does CONNECT handle components
  • Are there any performance issues with context
  • Realize anti-shake throttling
  • Sum (1)(2, 3)(4) is realized
  • Implement a non – tree structure to tree structure function
  • A search for the largest string algorithm

On three sides

  • Introduce the project
  • Micro front-end implementation
  • How does the universe framework achieve isolation
  • Implement a string.prototype. _trim function
  • Implement a Reduce
  • Implement a multiple request, parallel and serial function

Bytes on three sides by the interviewer is a bit serious, didn’t play well, the title, although both but the time is too long, didn’t ask the interviewer, and finally asked me what’s the plan, I think I didn’t think the last hang up and finishing a little regret, want to interview bytes of classmate, more than a certain brush function, algorithm (for) a month, the source code to understand

PS:

1: There was another startup called New Nuclear Cloud, which felt good and passed in the end, but I didn’t go

2: Meituan once passed, because he needed to ask for leave again, and there was an interview with Baidu in the evening, so he refused

The last

I am from the programmer communication refers to the north wind love cat, a technical communication in the first place of the front exchange group, the group is a full stack cute girl, interested in private chat I enter the group