Coordinates Chengdu, junior college, 4 years in the front, to share their own experience in ant Financial interview.

One side

  • 1. Introduce yourself

A: MY name is XXX and I have experienced…

  • 2. Responsive implementation of Vue Data

A: Blah, blah, blah, blah, blah, blah. I feel excited.

  • 3. Implementation of VUE computed

A: Well, I got stuck at this point, because I was nervous, even though I kept telling myself and my mind went blank.

  • 4. What are your strengths in CSS?

A: What I’m good at is positioning in CSS.

  • 5. Please explain the location in detail.

Answer: the static, fixed, relative, absolute, sticky, inherit. Then the usage of them is introduced respectively.

  • 6. Do you know browser caching?

  • 7. Is there anything else you want to ask?

A little.

Second interview

  • 1. Configuration and compilation process of Webpack.

Answer: this question is quite big, I feel MY answer also is not very good.

  • 2. Parse URL parameters.

That’s what I was thinking, by intercepting the parameters at the end of the string, and then matching them through the re, matching the parameter name and parameter value, they must match two arrays, and then iterating through one of the arrays, it’s ok. Here is the complete code that I implemented after the interview according to my ideas, of course, the interview is certainly not so complete.

    var getURLParam = function(url){
        let res = {};
        if(url.lastIndexOf("?") = = = -1)return res;
        let param = decodeURIComponent(url.slice(url.lastIndexOf("?") + 1));
        let keys = param.match(/\w+\=|\=/g);
        keys && (keys = keys.map(k= > k.replace(/\=/g."")));
        let values = param.match(/(\=(\w+|\s*)\&)|(\=(\w+|\s*))/g);
        values && (values = values.map(v= > v.replace(/\&|\=/g."")));
        keys && keys.forEach((k,i) = > res[k] = values[i]);
        return res;
    }
Copy the code
  • 3. Implement a common batch update strategy.
    let notifyFn;
    function fn1(){
        notifyFn();
        statement1;
        statement2;
    }
    function fn2(){
        statement3;
        notifyFn();
        statement4;
    }
    function fn3(){
        statement5;
        statement6;
        notifyFn();
    }
    async function onMount(){
        notifyFn = update(() = > {
            // execute after statement6 executes
        })
        fn1();
        await Promise.resolve();
        fn2();
        await Promise.resolve();
        fn3();
    }
Copy the code

This question, WHEN I saw it for the first time, I was totally confused and couldn’t understand what the research point of this question was. Although I asked the interviewer, the interviewer told me some time, I still didn’t understand. The interviewer said let’s skip this question and move on to the next one.

  • React is based on one-way data flow. Communication support between components is not good enough. Now you need to simulate a global EventStore. Enables the following conditions to be met to support communication between components.
    class Event {}Copy the code
/ / usage
const loader = new Event();
loader.bind("loaded".event= > console.log(event));// Register events
loader.trigger("loaded", {data:"data" });// Trigger the event
loader.unbind("loaded");// Cancel the event
Copy the code

This question, I looked like the implementation of an event dispatcher, but also to the interviewer said their own implementation ideas.

  • 5. Is there anything else you want to ask?

A little.

On the one hand, I actually did enough preparation. On the other hand, because I didn’t think my performance was very good, I obviously received the email that I failed in the interview two days later. I made a detailed analysis and finally made the following conclusion.

Interview summary:

My second interview was too urgent and hasty, and I did not prepare for the second interview, and then I did not well show my highlights and abilities. In the last question, I did not even ask questions, but only asked the interviewer if he could write down the questions (I wanted to come down and study them, especially the third question).

In fact, with the exception of question 4, which I had written a similar one before, I didn’t prepare for any of the questions and improvised them. Therefore, the key for me to lose marks is not doing the questions, but my performance. I didn’t understand the question directly, and then the interviewer explained it to me. I still didn’t understand it, and I didn’t think why, so maybe it made the interviewer think THAT I gave up the question.

In the second interview, I analyzed the other three questions fairly well, but in the third question, I was in a panic and did not show calm thinking, so this should be the key point for me to lose points.

This is the end of the whole ant Financial interview, after this interview also let me know my weakness, that is, I easily nervous, panic.

As a programmer, the most should have the attitude, is to keep studying, not afraid of difficulties, calm and calm when things happen, in order to better show themselves. However, I did not do it, so I will make good preparation in the following time and fully improve myself. I hope I can continue to attend the interview half a year later.

There is no end to learning, there is still a long way to go, I still have a long way to go. After the interview, after my own summary and reflection, I finally understand that what the interviewer wants to test is not the answer itself, but whether I have the determination to solve the problem, whether I have the ability to calmly analyze the problem, as well as my own thinking and understanding.

I also practice an algorithm every day, urge themselves to study hard, and record their ideas, and then organize into a document website, welcome to check the sword offer algorithm.

My open source project is a color picker written in native JavaScript with flexible custom extensions that modify configuration objects and automatically update eW-color-picker.

My document has been improved a lot, and it introduces the use of each API in detail. I hope I can make an issue. There are still many imperfections in this project. EwColorPicker documentation website.

I’m working on typescript1 for the new class, and typescript2 is for basic front-end applications. Thank you.