For summary

Remember the sophomore year, I saw senior senior busy all for laboratory, some harvest big offer, some are in the interview, in fact, at that time still uneasy, don’t know what would his junior year at a level, so from 19 years after winter vacation, a sophomore next semester start preparing for the interview:

Knowledge summary

There was no direction at that time, in the cattle online brush problem, the effect is not particularly good. Later, I had a long communication with a senior who went to Ali Cloud in the lab and gradually learned some learning methods. In April, I started to make my own personal blog website. According to the front-end technology stack and other people’s experience on Niuke, I began to systematically sort out the knowledge system and write summary blog periodically and quantitatively. Remember to put the basics of the front end plus the knowledge of data structures on and off until August-September. (Also thanks for that full summer vacation haha)

Some practical

Then to the first semester of my junior year, I began to find some daily internships, in October, luck is good, got didi, Meituan, Douyin interview, only didi to the second face, the other are all hanging 😂. At that time, after the interview, I would ask the interviewer what shortcomings I had and how to improve, so I continued to consolidate the foundation, while immersing myself in optimizing my project, and updated the engineering knowledge summary on my blog until February 2020.

Now think, their spring recruit so smooth, also with the accumulation of sophomore and junior, there is a certain relationship.

reflection

In fact, when interviewing, first of all, the foundation must be in accordance with the system, repeatedly to review, to form their own system tree, so that when the interviewer asks the foundation from a different Angle, you have to ensure that you can flexibly solve. Second, is the project, in fact, I agree with some people’s views, do not suggest that we do something to imitate Taobao, imitate ele. me some website projects, because there is no own thinking in it, the project can be diverse, but the highlights of the project, I summarize is: Does this project have its own personal thinking in it, and what kind of technical depth and breadth it has achieved? Did multiple people cooperate in this project? What engineering problems were encountered during the cooperation? How to solve them?

All these are to examine the comprehensive quality of an engineer, with more than 80% of the ability, I personally think it is certain to enter Ali internship.

Ali interview

The Hema department of Alibaba has had the most interviews and the longest average interview time. The whole process lasted for more than a month, and there were 5-6 rounds of technical interviews. The selection of interns recruited by the school is very strict. Similarly, IT took me a month to write this interview intermittently.

One side (2020 3.6)

You send out your resume the night before and get a call for an interview the next afternoon

  1. Please introduce yourself first

  2. Scenario question: What are the common methods for submitting forms? What happens at the application layer, the communication layer?

  3. What’s the difference between post and GET? List them

  4. HTTP response code, denial of service resource (403)

  5. Describe how the system determines the mechanism (front-end authentication)

  6. You just said three OAuth, talk about the internal principle

  7. Talk about how HTTPS works, the SSL handshake process

  8. Why use asymmetric keys, PMS? What happened to the public key?

  9. What about responsive layouts?

  10. Do you know the browser philosophy behind responsiveness? (Not sure)

  11. Rotate animation CSS, how to do it? (animation + rotate)

  12. Let’s talk a little bit about dom trees and CSSOM trees

  13. Why should link come first and script tag after? The principle of

  14. Scenario: Ensure that the browser is not attacked by malicious scripts, (XSS attack, solution)

  15. What if your rich text editor wants to display scripts internally? (I don’t know, I’ll say as much as I can)

  16. Scenario 题 : Promise.resolve. Then and setTimeout (for event loops)

  17. Es5 implementation of async and await (I did my best to say a little bit)

  18. There are cat and animal subclasses and their parents, how to do es5 inheritance, name at least 5.

  19. Tell me about the Vue SPA first screen optimization you did for your project (on-demand import, lazy load routing, gzip compression, closing some plugins…)

  20. Talk about optimizing the WebPack build in a real project

  21. Algorithm scenario problem: numerical system, including string keywords, how to make efficient search for it? (Balabala gave his own opinion, lZ77 algorithm, later looked at the algorithm book, should be combined with B tree.)

One additional side (2020 3.7)

Programming problem: please use js function to write markdown to HTML text editor. (2 hours)

Algorithm: In a string, find the maximum discontinuous substring length.

Good rating on one side, interviewer Balabala… (Give me advice)

Second Interview (2020 3.9)

  1. Please tell me about your school project

  2. Tell me about your element-UI on-demand introduction

  3. What exactly does webPack optimization do? Why do you do that? (Dllplugin, happypack)

  4. Prerender-spa-plugin you used? Tell me more about it

  5. SEO optimization did you do? Tell me more about it

  6. Cross-examination: how is your SEO ranking? (No progress 😂)

  7. I remember nuxt.js can also do rendering and SEO? Understand the SSR?

  8. Has applets ever encountered a more complex business scenario? Lazy loading of data lists deals with setData optimization.

  9. Do you understand the framework of applets? How many?

  10. What cutting-edge technology do you know about? (Vue3.0, Flutter, Serverless, Typescript)

  11. Talk about two-way data binding for Vue3.0 and 2.x (Object.defineporperty and Proxy)

  12. Describe the front-end directions you are most interested in, Flutter, React Native…

  13. The interviewer says you’re ok, so I’m not going to ask you any basic questions. Do you have any questions for me?

What you would say about me: Balabalabala

Three sides (leader side)

I communicated with the leader of Hema on wechat before, and understood some of Alibaba’s new retail vision.

  1. Let me introduce myself first

  2. Tell me about your personal blog and your little app

  3. Did you just say that there was no innovation on the technical level, on the functional level?

  4. Are you working on any new projects right now?

  5. I don’t care about the technical level, I go to the functional level, other than this one feature there is no innovation? (Suddenly speechless.)

  6. There is such a functional scenario, the teacher randomly calls the roll, the probability of the students who did not show up in the last class will be greatly increased, how to do it?

  7. Another functional scenario, how does your blogging system share articles?

  8. Another functional scenario, could you make an online platform for submitting homework, so that teachers can not only receive homework, but also correct homework on the platform? Talk about the specific technology to achieve…

  9. That’s all my questions. Do you have any interviews with other departments now? balabala

  10. Balabala said a lot about my evaluation 😭, among which the flexibility to solve various scenarios with technology is a very important quality!!

Said P9 interviews would follow

Four sides (technical end)

The official school enrollment system is open, and HEMa’s invitation is selected. He called on the afternoon of March 23. He sounded like a northerner. See my resume and ask:

  1. Please introduce yourself and tell me about some of your most fulfilling projects

  2. Talk in detail about the first screen optimization of Vue, specific technical points

  3. Is there a quantitative rating for optimization? How much is that? How did you do that?

  4. One question, how do you determine which approach is most critical to optimizing the overall first screen rendering?

  5. Let’s go back now, can you talk more about the overall optimization of the blog by following the software development process module? All aspects of performance optimization? Design, code, package, deploy, go live… Part of it)

  6. Can you talk more about prerender-SPa-plugin?

  7. Now that you know the rationale, how did your introduction of the PRERender specifically impact the architecture of your project? (Talking about routing conflicts)

  8. What do you plan to do to improve the user experience after launch?

  9. Functional, but technical, right?

  10. Lazy loading of data lists this is a good point. There is a scenario where you submit a new post and the user is checking your blog. How do you get the user to view your new post through certain events, not through the whole page refresh, or through dynamic loading?

  11. Let’s go back to the performance optimization of the project, okay? As you address the first screen, which phase of network communication has the greatest performance overhead, and what changes after optimization? How to solve it?

  12. SEO how to do, talk about technical details

  13. Have you done any quantitative statistics on your user base? What are your ideas on how to use this data?

  14. Here’s the problem. It’s very expensive to analyze user behavior purely through the front end. Do you have a good idea? Tell me something about the way of thinking

  15. If, after a long time, someone asked you how to build a high-performance blog page, what logic would you follow to analyze the various bits and pieces of performance optimization?

  16. Ok, the blog project is just your personal exploration of technology, do you have any actual projects at school that actually have users? Say that see

  17. Function description is very detailed, there is a problem here, as we all know, two-dimensional code has a certain timeliness, can spread, how to prevent those who did not come to the two-dimensional code also swept? Tell me something about the way

  18. Students who don’t show up, do you adopt this single program? Is there anything else?

  19. Tell me about the division of labor in your project team.

  20. What role did you play in the team’s ability to build functionality for the project?

  21. You were talking about the front and back end separation, how did you and the people in the background implement the front and back end separation?

  22. There are often some differences about the data interface in the background. How does your team resolve these differences? Is there a way to improve communication between teams?

  23. What is the current user base of this small program? What about day jobs?

  24. Again, what does this little program performance optimization do?

  25. What’s your vision for the future of the front end? And your future career plans?

  26. What kind of experience would you like Ari to give you? What do you hope to learn at Ali?

  27. This side is in Hangzhou. It’s convenient to come here later, right?

  28. That’s all my questions. Do you have any questions?

  29. Ok, in the fresh graduate group, you already have the quality of engineer and certain development experience, but performance optimization is a never-ending process, should constantly pursue excellence balabala…

It’s been almost an hour, really rare…

Five sides (P9 cross face)

On the evening of March 25th, the interviewer was serious and asked in-depth questions, which lasted less than 30 minutes, but they also asked a wide range of questions…

  1. Please introduce yourself first

  2. Tell me about your most fulfilling project

  3. Doesn’t your blog site analyze user behavior? Isn’t there a performance analysis for a large number of users?

  4. Tell me in detail what performance optimizations you did?

  5. Is that all? Have you quantified the effect?

  6. Do you consider quantifying FP, FCP, FMP and TTI in the first screen?

  7. By the way, how do you analyze FCP times on the first screen through code?

  8. Beyond that, is there no further optimization?

  9. Prerender what is prerender?

  10. How much quantitative reference does the introduction of such a plug-in bring to the overall performance improvement? Have you studied it?

  11. Tell me about the actual number of users you have.

  12. This little app is live, right? Has your team done any research on user behavior for this widget?

  13. What I want to know is is there any code in the application that automatically analyzes the user’s behavior?

  14. Do you know anything about Vue and React? Tell the difference systematically

  15. How w does Vue parse a template? What is the difference between the diff algorithm and Vue?

  16. What kind of animations are on the front end?

  17. Does Canvas know anything about it? What kind of scenarios does it apply to?

  18. What do you think of the cutting-edge technology?

  19. You just talked about flutter, Dart can you talk about flutter?

  20. Did React Native do any projects?

  21. What do you hope you can learn and grow in Ali in the future?

  22. That’s all my questions. Do you have any questions?

My evaluation: I will not give you the evaluation for the moment, I say to send my advice to you, continue to explore, keep curious, use the most cutting-edge technology to try to do the project, front-end knowledge is very wide, need to continue to in-depth understanding of the principle of knowledge Balabala… (Finally) I think you are still good, come on…

Later, the leader sent a wechat message, and the cross face passed smoothly, and HR was left.

HR side

I won’t write that hahaha…

Letter of Intent (April 18, 2020)