Create by jsliang on 2019-2-27 18:51:26

Recently revised in 2019-3-3 14:42:54

If you think this is a good article, please check out the jsliang document librarystar, yourstarIs my study toss power!Making the address


Jsliang has been refactoring the document library, so some of the links in this article may be broken, and Jsliang does not have the energy to maintain the old articles on the Nuggets side. Sorry about that. If you need to get the latest article, please click on the GitHub address above and go to the document library to view the adjusted article.


It is not only a specific season that can run, because people run more, the road is set.

Gold, Silver and Four run season, Jsliang also went to try a wave, and then write this article.

Next, there will be the second round and the final summary of the interview questions. You can follow me and GitHub

A directory

What’s the difference between a free front end and a salted fish

directory
A directory
The preface
Three 10:00 in the morning
 3.1 the Job Description
 3.2 One Side technology – Front-end architect
 3.3 Second Side technology – Technical director
 3.4 Three persons-hr little sister
 3.5 Four individuals – Project leader
4 PM
 4.1 the Job Description
 4.2 Technical side – pen test
 4.3 The second aspect of technology – front-end sister
 4.4 Overall three aspects – Project leader
Five summarizes

The preface

Returns the directory

Be sure to keep your resume handy, whether it’s layoffs due to the dot-com economy, a desperate need to change jobs due to internal strife, or just getting tired of everything. Only by updating yourself and having your resume ready will you know when it’s best to hit the road.

  • Time: 2019-2-27
  • Location: Guangzhou
  • Years of working experience: one year
  • Salary requirement: 9K-15K
  • Sessions: one in the morning and one in the afternoon
  • Feeling: very tired, but feel very motivated, “there is no one can not solve, if there is, then run another!”

Three 10:00 in the morning

Returns the directory

  1. Company size: more than 5,000 employees
  2. Industry: E-commerce
  3. Before the interview: Afraid of the traffic jam of Guangzhou Line 3, and I thought this job would be good, so I went out at 7 o ‘clock, and walked around the company at 8 o ‘clock. I felt that there were many restaurants nearby, and it was about 5 minutes away from the subway station, which was quite good. Strolled to 9:20, went upstairs to greet the little sister at the front desk, got two forms: a personal information form, a personality test form (maybe bigger companies take your personality into consideration, after all, team development), was deeply impressed by the personality test form with a typo: “firm” was written as “appraisal”.Maybe I was focused and saw it all at once, but before the offer came down, I didn’t dare to make fun of the hr sister, so as not to give a bad impression.
  4. Ready: Hand in the form and wait for the interview.

3.1 the Job Description

Returns the directory

Salary: 10K-15K 1, the company independently of the front end of the project development background 2, together with the back-end development, determine the interface protocols 3, independently interface document writing and organizing the review 4, deep parsing code, code execution efficiency, strengthen the code compatibility 5, have a deep understanding on the user interaction, can help to optimize the interaction experience products Job requirements: 2. Have a deep understanding of various Web front-end technologies (JavaScript, CSS, semantic tags, etc.); 4. Familiar with MVC and MVVM structure of Web applications 5. Knowledge and skills required for English level 4 or above: 1. 2. Proficient in JavaScript, Ajax and other Web development technologies; 3. Proficient in ES6 and experienced in Reactjs; 4. Proficient in Git,Webpack and other tools; 5. Familiar with W3C standards, have a deep understanding of presentation and data separation, Web semantics, etc.; 6. Clear thinking, good communication skills and teamwork spirit, good at learning, summarizing and willing to share.Copy the code

3.2 One Side technology – Front-end architect

Returns the directory

The dialogue is as follows:

  • Interviewer: “Hello, I’m ***.”
  • Me: “Hello.”
  • Interviewer :(looking through the resume)
  • Interviewer: “That’s great. You have a high star project?”
  • Interviewer :(turns on his cell phone)
  • Interviewer: “What’s the account number and can I see it?”
  • I: “Ok, account numberLiangJunrongYou can check it out. That project was mainly for me to write my own front-end knowledge system.”
  • Interviewer: “So how did you make yourself known?”
  • Me: “I have published articles on the Nuggets, and then if I think a certain article I wrote on the Nuggets is ok, I will also send links to the Nuggets on wechat and QQ.”
  • Interviewer: “Can you introduce what you think is the most impressive thing?”
  • Me: “Most impressive?”
  • Me :(thinking)
  • I: “this inside most impression, one is micro letter small program, about address book practice. In October 2018, I wrote a small program on wechat by Zhudiandian.com, in which there was a contact module. Because I wrote the program while looking up documents, I wrote the contact module by myself without any other plug-ins. The leader is satisfied with the function realization at work, but after work, he feels that the modification and addition can be further optimized ①, so he thinks that he can use dichotomy to realize the modification and jump to the corresponding position after the addition. How can I put it? When you have made a list, press ②…”

(1) : About the modification, the new operation, small friends can open their own claw, try to modify, add, is the page to scroll to the position after the operation, and then think about yourself, how to achieve.

(2) : About the practice of wechat address book, you can refer to the article [micro channel small program of strange technology and cunning], which analyzes the simple approach and optimization point of view.

  • … In this part, Jsliang and the interviewer have some discussion, which is too long to mention here…
  • Interviewer: “Can you tell me about the sidebar implementation?”
  • Me: “Suppose I need to jump to bucket D. First, I need to know how many buckets A, B, and C each have. Then I need to multiply the number of buckets by the height of each one, and the height of letters A, B, and C. And I made compatible, on IPhone 6, IPhone X can accurately scroll to the specific location. 3.”

③ : To be clear, in WXSS, you write 100rpx, the display height of IPhone 6 and IPhone X is inconsistent, you need to obtain the actual height of each bar according to the device ratio.

  • Interviewer: “How well do you compare small programs?”
  • Me: “Small program words, I did 2 months. Then Vue, I was graduation design, with Vue + Node + MongoDB. Then in November, I used Vue + ECharts to make a report showing the operational data of Telecom.”
  • Interviewer: “What’s your experience with React?”
  • I :(panic) (forcibly calm down) React at that time, I was in the headquarters of the company and needed to develop a new project. The front brother said we could consider changing to React development. But halfway through, I was moved to a telecom station, so React and Angular both looked a little bit and stopped when they tried to implement it.”
  • Interviewer: “Do you mean that you have only used wechat mini program and Vue?”
  • Me: “(panic) Uh… I have used Vue, wechat applets and jQuery. (4)”

(4) JD of this company requires React, and React is used in daily development.

  • Interviewer: “So you haven’t used React in real work.”
  • Me: “Yes, it is.”
  • Interviewer: “Tell me what you know about Vue and what you can do with it.”
  • Me: “personal feeling, in the current front-end, modular, componentized more, there are some things, such as: head components. When we use it more, we have to pull it out and componentize it. Then use it when you need it. Then with Vue, it feels like building blocks, putting together what you need. Then in Vue, there are three main chunks: Vue, VueCli, VueRouter and Vuex data state management. Oh, four.”
  • Interviewer: “Can you tell me something about Vuex?”
  • I: “Sorry, I can’t introduce Vuex. After all, I only write small programs now. Although I have used them before, I will forget the code if I don’t use it for too long.”
  • Interviewer: “Well, ok, you said that you use wechat mini program more, then can you talk about the hot update part?”
  • Me: “Sorry, no understanding.”
  • Interviewer: “That is to say, I have a very serious bug in the small program, but you know, it takes time to submit to wechat for review, so can I update it without submitting for review?”
  • Me :(thinking) “enm…”
  • Interviewer: “What do you have in mind if that were the case? Or, as you understand it, try to fix it?”
  • Me :(thinking) (talking to himself) sorry, I don’t know.
  • Interviewer :(changing subject) “what about ECharts?”
  • Me :(smiling) “ECharts, it’s just fun. Of course, when you’re manipulating data, you have to be careful.”
  • Interviewer: “Like what?”
  • I: “for example, once in the call interface, do data cycle output, because did not pay attention to, directly lead to the crash of the entire browser.”
  • Interviewer: “Because there are too many renders.”
  • Me: “Yes.”
  • Interviewer :(flipping through resume) (turning on cell phone)
  • Interviewer: “Can you introduce you to this shaving award? I thought it was interesting. 5.”

⑤ : [Lucky scratch-off] — Jsliang shielded the sensitive part, sent to play the mobile phone page.

  • Me: “Scratch-off award, is an activity production, and then I found a Canvas drawing plug-in to do.”
  • Interviewer: “Now here’s the question: how do I know when it’s going to unfold?”
  • Me: “This is developed by calculating the area.”
  • Interviewer: “How do you think that works?”
  • I: “enm… Not so good.”
  • Interviewer: “at the beginning of the use of time, did not see its source?”
  • Me: “No.”
  • Interviewer: “How do you think it calculates the area it scratched?”
  • Me :(embarrassed) “calculate the area scratched…”
  • Interviewer: “You see, this calculation…” (Hint) (teach)
  • … Leave it out in the middle, it’s ugly…
  • Interviewer: “You should have read the source code implementation, because this is a classic topic.”
  • Me: “Yeah, I should have tried using native JS instead of just using it. Or, when it is put to use, watch its implementation.”
  • Interviewer :(looking through the resume)
  • Interviewer: “I think you’re pretty good with so many pages on your resume.”
  • Me: “yes, because I personally like to toss, and then toss their own thing, through the deployment of the server so that we can see. There is also to do some statistics, such as these pages are embedded in baidu statistics code, and then you can see which users will click.”
  • Interviewer: “So how do you use this data on a regular basis?”
  • I: “enm… No.”
  • Interviewer: “It’s like if you look at the data and you see that some of it is from platform A, some of it is from platform B, and then you see that most of it is from Platform A…”
  • Me: “Oh, yeah, if it’s mostly PLATFORM A, I can write more articles on platform A and see what topics are popular so I know what to focus on.”
  • I: “this return true have no idea, however after you say, discover this still good, operation respect return true did not think of.”
  • Interviewer: “Yes, you know how to get the data, so you can play around with how to use the data. After all, if a channel has a high conversion rate, you can launch it…”
  • Me: “Yes, yes, this is good.”
  • Interviewer: “Well, you might as well be in business. After all, you promote yourself through multiple channels.”
  • Interviewer: “Ok, I get the idea. And you know what we do here?”
  • Me: “I don’t know.”
  • Interviewer: “Well, we mostly use React as a back office.”
  • I: “enm… I think when you get to a certain point in the business, there are a lot of similarities and you can switch around. I can live with React.”
  • Interviewer: “good good, that you first in this and so on, I go to communicate with the above.”
  • Me: “Ok, thanks ~”

Conclusion:

First of all, it is not that I have a good memory and can still remember such a detailed dialogue after four days, but that I recorded it and sorted it out today. (I don’t know if this recording is taboo, but PERSONALLY, every interview is to expand your knowledge, after all, the interviewer can bring you new ideas and layers of knowledge that you don’t know)

Then, hearing some of those points, I feel embarrassed now, and I feel like I could have done better back then.

At the end of the day, the interviewer comes across as a great person, at least giving you his or her own perspective on certain questions when they don’t seem to be working, rather than jumping through them and putting more pressure on you.

3.3 Second Side technology – Technical director

Returns the directory

After some waiting, the second interviewer:

  • Interviewer: “Hello, my name is **”
  • Me: “Hello.”
  • Interviewer :(looking through the resume)
  • Interviewer: Well, that’s a lot of work, young man. You like writing articles, don’t you? But your niche is still small. Come, we are all programmers, daily contact with the most is the computer, so, do you know the difference between 32-bit and 64-bit system?”
  • Me: “(touchdown)” ENM… I’m sorry I can’t remember. 1.”

① : To tell the truth, I am not a computer enthusiast. When I bought my laptop, I went to check which parameter I did not understand. In college, I reinstalled what in order to pick up girls and master all kinds of systems. Don’t tease! How could that happen to me! So I don’t know. I just don’t like it.

  • Interviewer: “You see, right? Why would a 64-bit system run faster than a 32-bit system? First we should know that the computer system is made up of 0101, and then… (2)”

② : I can’t go on. I didn’t record the conversation with the interviewer. Now I vaguely remember the key points, so what I recorded is the key part. If you think you know these things, it’s best. If you think you don’t know them, remember to mark the notepad on your mobile phone.

  • I: “hm hm, good, learned, my article came again can toss about of point.”
  • Interviewer: “Ok, now that we’re talking about storage, what forms of pictures do you know and what do you think would be used in any situation? How good or bad are they? Then can you describe the application scenarios of these pictures?”
  • Me: “JPG, PNG, GIF, well, roughly those three. Then GIF support animation, PNG has a transparent background, JPG is more widely used. Usually in terms of size, GIF is the largest, then PNG, then JPG.”
  • Interviewer: “Do you know why there is such a difference?”
  • Me :(confused) “I don’t know…”
  • Interviewer: “Because computers compress them differently, and have you considered vector graphics?”
  • Me: “Oh, sorry, I forgot to mention that, but images can also be divided into vector images and bitmaps, and vector images, like SVG, don’t get blurred as you zoom in and out of different scenes.”
  • Interviewer: “Well, you see, the use of pictures is a topic that we deal with at work, so maybe you should write an article about it [laughs].”
  • Me :(interested) “yes, I’ll write an article about pictures later. 3.”

③ : This is really not to fool the interviewer, the article I have opened a good pit: [2019 interview preparation – picture], write this article, the next one will write this.

  • Interviewer: “Good, moving on to the next topic, in e-commerce, commodity emissions always make some sense. Now I have two ways of sorting commodities, which are stored in page A and page B respectively. And then how do you get 50 percent of users to page A and 50 percent to page B with only the front end.”
  • I: “enm… Can’t use backend, or Nginx load balancing polling?”
  • Interviewer: “No.”
  • Me :(deep thinking) (talking to himself) “enm… I don’t know.”
  • Interviewer: “Well, you mentioned the idea of using random numbers, so how do we make the probability of a page visit 1/2? Can we make this number as big as possible and divide it up?”
  • Me :(suddenly) “well, we could take them %2, so we only have two cases, one is 0 and one is 1. Because the random range is large enough, the probability of a user visiting is 50-50.”
  • Interviewer: “Good, now that you know that 50% and 50% are doing this, can you do 25% and 75%?”
  • Me :(clumsily worried)
  • Interviewer: “Don’t worry, you think, when we %2, will get two cases, then, a number %3, how many cases? Yes, three, 0, 1, 2, again by mod, so we just take the largest possible range of numbers, %4, and then we have 0, 1, 2, 3, and then we can divide 25% and 75%.”
  • Me :(again)
  • Interviewer: “Do you know the use of redundancy at work?”
  • Me: “NO idea…”
  • Interviewer: “You can look at the video cache, can we give the video as much space as it is big? Can’t it? Well, we have to save it in one place… (4)”

④ : Because there is no recording to prove whether my memory is true, so the dialogue is omitted here, so as not to read the article partners to the interviewer misunderstanding, think that the interviewer actually do not understand. According to my idea after the interview, is actually set up a section of memory, then the browser accept to get their data server, in memory of % to store data in the form of n (n for open memory size), then when we need to read video data, we need only through the form of a first in first out, to the latest data into memory read out, That’s how the video is restored.

  • Me: “Yes, I did!”
  • … Memory playback here, the other are not too profound questions…
  • Interviewer: “All in all, it’s good. Ok, wait a minute. I’ll call hr to talk to you.”
  • Me: “Ok, thanks!”

Conclusion:

First of all, AT the beginning, I thought the interviewer would start with “interview makes rocket, work turns screw”. However, when it comes to pictures and the way of sorting pictures, I think this is quite normal, since it is an e-commerce enterprise after all.

Then, about my personal knowledge system, I said to the interviewer, “Now as a programmer, I have mathematics and algorithm. I wanted to learn more about algorithms.” (In fact, this is just the day the voting circle was talking about programmer ranking system, of course I am not in the class!) At that time the interviewer also gave a positive.

After all, if you don’t know a lot of questions, you should think about whether you can expand to the area you are familiar with, because your performance is not good, and your attitude is not good, the interviewer will definitely have a bad impression.

3.4 Three persons-hr little sister

Returns the directory

After a period of waiting, ushered in the beginning of the hr little sister:

  • Personnel little sister; (Laughter) “How was our conversation?”
  • Me: “the first side is not bad, the second side is a little nervous.”
  • Human affairs little sister: “a little small nervous?”
  • Me: “Right!”
  • Human affairs little sister: “and then to the za side of the project and a few circumstances, some understanding?”
  • Me: “I don’t know. 1.”

① : Have seen the front of the small partners should know, one side of the interviewer finally mentioned, yes, MY memory of the 7 seconds of fish!

  • Hr little sister: “Our company is a cross-border e-commerce, and then the number of words… (Some information about the company, which will not be detailed here)
  • Human affairs little elder sister: “introduction arrive here, then you still have what problem want to consult with me next of?”
  • Me :(rambling on)
  • Hr little sister: “well, you write here at the latest to April 1 entry is it?”
  • I: “yes, because you also know, the general contract will sign a leave a month for handover, sign the contract, indicating normal leave need 30 days, you also know, rules or can not say bad on the bad…… (2)”

② : Regarding the entry time, it is a very vexing question. If you have a good relationship with the company and can request a quick exit, that’s great; If you don’t have a good relationship with the company and you have some money, look at the contract. In my case, it says one month’s salary, but that doesn’t feel right. If the company wants you, they’re going to want you, or they’re going to want you to come on board quickly.

  • Hr little sister: “About the salary… 3.”

③ : The salary omit can not say, after all, received the offer.

  • Hr little sister: “Then you have any other questions to confirm or understand?”
  • Me: “Overtime for vacation or pay or other…”
  • … Leave out the middle…
  • Hr sister: “Ok, because we have a project system here, SO I call the project manager to come and talk to you about the final project and salary.”
  • Me: “Ok, thanks!”

Conclusion:

First of all, I should mention my big no-no, which is to take the initiative to reduce my salary, because the hr sister has not mentioned this, but BECAUSE I went through the first two sides, I feel a little bad, so I give myself to reduce my salary, just means I want to come in. (I can also comfort myself that the company is really much bigger than the original, and the salary is not raised at the beginning of the platform, which is acceptable)

Then, if it comes to personnel, you’d better ask:

  1. Salary: The most important thing, after all, your first goal is to get a higher salary…
  2. Overtime: change of leave or salary, when to count overtime…
  3. Hours: What time in the morning to what time in the evening, how many days a week…
  4. Social Security and social Security: If you have a previous job, remember to ask this transition question, do you need to renew your own…
  5. Salary adjustment mechanism: adjusted several times a year, according to what judgment (my current company according to PPT judgment! …
  6. Leave: leave pay how to calculate…

Finally, please be kind. I feel my attitude is a little bit poor on the first two sides, but AFTER all, I have to continue, so I will try my best to show to every interviewer.

3.5 Four individuals – Project leader

Returns the directory

After some time of waiting, the final project leader arrived:

  • Project leader: “Tell me about yourself, personal and work experience.”
  • Me: “Personally, I started my formal internship in May, 2018. By August, I felt my front-end knowledge system was in disorder, so I started to write my document library. Then in September to October, stationed point telecom do wechat small program, because of no experience, so it is learning while doing; Then in November, I did a data report with ECharts; Then in December, I did the Node project; And then here we are. 1.”

① : PERSONALLY, I prefer to use it to connect topics. I may feel it can clearly express my logic.

  • Project leader: “Is after graduation in this company, right?”
  • Me: “Yes.”
  • Project leader: “You left the platform because it was too small?”
  • Me: “Yes, because I think the platform is too small, personal promotion is limited, just like some of the current resume, many of them are my own. (2)”

② as for the reason of leaving, money is certainly a reason, but you should not say so, or the company you interview will think you are a Philistine. Of course, the small platform here is also the reason, because before, the company, no matter the headquarters or stationed telecom, was always a person to develop the project, so you are free to write the code, but you always want to cooperate with others, after all, big projects are not handled by one person.

  • Project Leader: “Well, most of the improvements mentioned here are personal ones, like better skills and things like that. But at work, we try to coordinate and support the business as much as possible, so that’s how you look at it?”
  • Me: “Because the business of this thing, at the beginning may do here, there to do. But, as you get really good at it, you’ll see that there’s some commonality, so we can extract it, and then when we come up with new requirements, if we have this, we can quickly apply it. Therefore, business and technology can not be completely separated, because many things in business need technical support, and then technically your research can be applied to the business. 3.”

③ : THE answer to this question, I need to thank @Shaw Wehru, because he usually writes the business of the company, is very diligent, and then some commonly used, he will encapsulate into components, to the new needs of the copy and paste splicing under the OK, gave me a very big shock. For example: n design draft, the company scheduled a month, he solved in a week.

  • Project Leader: “In all the time you’ve been working with code, has anything impressed you?”
  • Me: “My personal feeling is that I still need to improve myself in some areas. For example: algorithm. Just like the first interviewer told me the address book of wechat mini program, it uses dichotomy.”
  • … Went on to talk about other miscellaneous topics…
  • Project leader: “Ok, just a moment.” (leave)
  • Me: “Ok!”
  • … After a while…
  • Project manager: “JUST now I talked with the interviewers for one and two interviews. After a comprehensive evaluation, you are OK. When will you start to work at the earliest?”
  • Me: “April 1st, you know, the contracts will be signed.”
  • Project leader: “OK, I will let hr keep communicating with you during this period. There is no problem with the offer, and then the salary… I’ll let personnel contact you about the details. Do you have any final questions?”
  • … He went on to talk about something else…
  • Me: “Okay, that’s it, that’s it.”
  • Project Leader: “”

Conclusion:

First of all, I feel very relaxed when I come here. After all, I know that this is the last time and I feel very tired after sitting for a long time.

Then, if you can get in touch with the project leader, you’d better get in touch with him or her and talk to him or her. After all, this is your direct leader. When changing jobs, although platform is also important, leadership is also a very important part. For example, the leadership of Jsliang company is quite chaotic, so I still hope to have a good leader.

The morning interview is over now, and it’s rare to make an offer on the spot.

4 PM

Returns the directory

  1. Company size: 20-99 employees
  2. Industry: Games
  3. Before the interview: located in the science park of The University of Science and Technology, I arrived a bell in advance, but I didn’t want to go up in advance (Jsliang felt that sometimes I went up in advance, in case the interview was not finished, it would be awkward, generally I arrived half a bell in advance), I was bored, so I just sat down to see the traffic before the road.

4.1 the Job Description

Returns the directory

Job Responsibilities: 1. Responsible for building the web front-end development framework; 2. Responsible for web front-end research and development (including PC and Mobile); 1. Solid knowledge of HTML, JS and CSS; 2. Familiar with vUE and other front-end development frameworks; Familiar with front-end UI libraries such as Bootstrap or ElementUI; 4. Familiar with responsive web development; 5. Able to write front-end code with high maintainability; 7. More than 2 years of professional working experience, with relevant works to display is preferred.Copy the code

4.2 Technical side – pen test

Returns the directory

  1. Describe progressive enhancement and graceful degradation.
  2. What are the two properties in CSS that allow text to overlap vertically and horizontally?
  3. How to solve the problem of white space caused by using inline-block?
  4. Create a triangle using CSS (a triangle icon with an arrow pointing to the right).
  5. Use CSS to achieve three divs evenly arranged in a row, two column width fixed middle adaptive.
  6. Given an array of length 100, find the sum of the first 10 elements of the array.
  7. Write A program to print the numbers 1 to 100, and when it sees A multiple of 3, print “A” instead of that number. If a multiple of 5 is encountered, use “B” instead. When both a multiple of 3 and a multiple of 5 are encountered, print “AB”.
  8. What are the solutions and differences for cross-domain communication?
  9. What common operations cause memory leaks?
  10. What are the differences and features between major front-end frameworks such as Angular/React/Vue? Select one to describe its component lifecycle.

Here jsliang is still at the risk of being sent razor blades, not to give the answer! After all, given the answer, the partner may not understand the question at a deeper level.

4.3 The second aspect of technology – front-end sister

Returns the directory

After submitting the answers to the questions, a little sister came and began the interview:

  • Front little sister: “Hello, you first to introduce yourself ~”
  • Me: “Hello, my name is Liang Junrong, front-end network name jsliang, daily active in GitHub and Nuggets. Then I like to do STH over and over again. I began to write my own document library in August last year, made small procedures in September and October, made ECharts reports in November, made a native Node imitation enterprise website in December, and then arrived at the present.”
  • Front-end little sister: “You pick one of your work projects to talk about.”
  • I: “That I talk about micro channel small program ①, at that time about 20 PSD, said the small program is what to do, and then I read the official document while writing small program. About a month and a half later, with some tinkering, I worked out the little program. One of the most challenging is the contact module, which is like the contact module on our phone, when adding and modifying, it uses dichotomy.”

① : Do you feel like following the interview process of a company, yes it is so uncomfortable, after all, I really don’t have much experience!

  • Front-end sister: “What are the main technology stacks you use in your work?”
  • Me: “First of all, just said that there is a wechat small program; Then, because of the daily resident point in the telecom, so jQuery, H5 or to understand; Finally, reports written in Vue and, more recently, management platforms.”
  • Front-end small sister: “ECharts report, you are directly using the API? Has it been changed?”
  • Me: “No.”
  • Front-end sister: “Can you talk about visual drag-and-drop pages?”
  • Me: “Is to use the JQUERY API, drag and drop to generate a new div block, then run the data that can be configured for the div block, and finally generate the data to a new HTML page.”
  • Front-end small sister: “this is also the use of jQueryUI API, according to the actual development, some changes to its API?”
  • Me :(embarrassed) “no.”
  • Front-end little sister: “that you have the thing that oneself develops?”
  • Me: “I played around with Webpack in August, and then made a Webpack multi-page configuration myself, combined with VS Code’s Live Share and local area network for team development.”
  • Front-end little sister: “talk about the CSS selector priority.”
  • I“First of all, there is! importantThis; And then inline styles; And then to#idAnd to the.class, to tags, to wildcards*And then there were some last ones, I don’t remember.
  • Front little sister“Well, yespostionIs it located?”
  • I“First of all,positionFor location, the default isstatic. And then, ifposition: fixedIs positioned relative to the root element. And then, if yesposition: absoluteAccording to the previous oneposition: relativeFor relative positioning. And then,positon: relativeWhat I use to do is think of it aspositon: relative“.
  • Front-end little sister: “What are the four kinds of disconnection from the document flow, and what are not disconnection?”
  • I:”absolute 和 fixedOut of the document stream, andstatic 和 relativeIt’s not out of document flow.”
  • Front-end little sister: “H5 and CSS3 use how?”
  • I: “H5 used to write active page, CSS3 words, not a lot.”
  • Front-end little sister: “that you talk about CSS3 attributes you use what more?”
  • I:”rgba, rounded corners, gradients…”
  • Front little sister: “gradual change, if there is a cuboid, one color above, one color below, what will you do?”
  • Me: “Sorry, because usually do the right and the bottom of the gradient, write less, so I don’t know. (2)”

② : It’s not unclear, it’s really unclear, if the button has a gradient, I would definitely crop it and use the background image to achieve the button!

  • Front-end little sister: “good, animation has been used?”
  • I: “sorry, used, after all, business logic is relatively simple, but before the three years of time, learned a period of time CSS3, but because not commonly used, forget.”
  • Front-end little sister: “that H5 of?”
  • I: “H5, for example<audio>,<video>,<canvas>.<canvas>Words are also simple to understand, such as the scraping game, with the mask, is to use<canvas>Write.”
  • Front-end sister: “Did you know H5 has a drag-and-drop attribute?”
  • Me :(gibberish)
  • Front-end little sister: “is to drag a thing from one position to another position.”
  • Me: “No.”
  • Front-end little sister: “ok, know cache these?”
  • I:”cookies,session,LocalStorage,SessionStorage.”
  • Front-end sister: “What scenarios use those technologies?”
  • I“Cookies are used when interacting with the back end, such as logins3.. thenSessionStorageIt will be cleared when the browser closes. The lastLocalStorageIt will be stored in the browser for a long time. “

③ : cookies I really forgot, after all, daily use of storage, so want to know friends can baidu /Google/ Bing, don’t listen to me nonsense.

  • Front little sister: “thatLocalStorageWill it be cleared by time? Or will it stay in the browser forever?”
  • I:”LocalStorageIt won’t be deleted, but we can set its expiration date.”
  • Front end little sister: “Then, ENM… What is a closure?”
  • ISimply put, if we have two functions A and B, and B is inside A, and B can use the variables of function A, we call function B A closure.(4)Here’s a simple example, often used on the Internet:forThe timer is defined in the loopsetTimeoutWhere closures are involved.”

(4) About some of the knowledge points in the conversation, the final will be organized into an article, which has not been completed recently, but there are more than 1400 lines of article: [Jsliang 2019 interview preparation]. If you are interested in jsliang, you can follow me on GitHub or nuggets account, and I will keep updating

  • Front-end sister: “Then why use closures?”
  • Me: “Actually, I personally don’t like closures at work, and I don’t recommend closures because they can be confusing. At the same time, the current block-level definition of ES6 also helps reduce closure generation. So don’t write closures if you can.”
  • Front-end sister: “What’s the reason you don’t use closures?”
  • Me: “1. Code is hard to maintain, either by you or your successor. 2. Closures create internal variables that the browser does not destroy, thus jamming memory.”
  • Front-end little sister: “Do you use ES6 grammar more?”
  • I: “Yes, but I don’t use it much, for example, arrow functions, for exampleletVariables.”
  • Front little sister“So you havePromise?”
  • I“It must be used, like wechat small programs, such as a page, to call several interfaces, and then call to order, at this time to writePromise.”
  • Front little sister“” YesPromiseYour usage?”
  • Me: “maybe WHAT I use is relatively simple, all use those simple.”
  • Front little sister“Is there any other ES6 syntax you’ve used? Such aslet,varAs well asconst“
  • I:”letThe word is local use, such as useforOr something like that, because it doesn’t pollute global variables;varGlobal variables that can be called in a large local area; The lastconstThis is usually used when calling an interfaceconstTo prevent the data returned by the interface from being modified.”
  • Front-end little sister: “that you know which is defined after the declaration of variables, and then define the declaration of variables, will report an error?”
  • I:”let!”
  • Front little sister: “Okay, on the frame,Vue,React,AngularWhich one is used more?”
  • I:”VueI use it a lot, like my graduation project, likeEChartsStatements and, more recently, management platforms.”
  • Front end little sister: “ok, routing aspect can say?”
  • Me: “Blah blah blah blah…”
  • … Listen to the next recording, I pulled to the modular, here is not ugly…
  • Front little sister“Yesv-if 与 v-showThe difference?”
  • I:”v-ifIn the case of adding or removing elements to the DOM tree;v-showIf so, usedisplay: noneThese control display elements.”
  • Front little sister:”v-forHave you encountered any problems or concerns?”
  • I: “Avoid willv-if 和 v-forOn the same element becausev-forPriority thanv-ifHigher. Then use thev-forIf so, pay attentionv-bind:keyBecause some code optimization is involved.”
  • Front little sister:”v-bind:classHave you ever used it? Is there anything to notice?”
  • I“It’s that dynamic renderingclassIsn’t it? If you have used it and need to pay attention to it, try not to write too complicated judgments on it. After all, it is difficult to maintain, and then take over it looks confused.”
  • “Then rasterize in ElementUI, adding that a row is split into three columns, and when the middle column is hidden, the third column pushes forward, but I don’t want the layout to move, what can I do?”
  • Me: “The middle column uses two blocks, one with content and one large empty block, and then shows which block to hide based on judgment.”
  • Front-end little sister: “about the response type, what else do you know?”
  • Me: “??”
  • Front-end little sister: “Like REM?”
  • Me: “Oh, I used REM for H5 activity, but the problem with that is that it looks the same on any number of screens. It looks good on the phone, but not so good on the PC.”
  • Front-end little sister: “do you have any compatibility problems?”
  • I: “browser compatible words, IE 10 following is not considered, the other is wechat and IPhone compatible, let a person uncomfortable.”
  • Front little sister: “then, I see your resume has mentioned the regular game ⑤, can you talk about this?”

⑤ : regular games written by jsliang.

  • Me: “Generally speaking, login to register these use re more, if you let me write one, I must go back to have a look, after all, rarely use to forget; But if you show me what a regular means, I can still see it.”
  • Front little sister:”tokenHave you encountered failure problems?”
  • Me: “No.”
  • Front-end little sister: “can you talk about the prototype chain?”
  • Me: “Prototype chains involve object orientation. If you are in a more urgent project, you may not use them because they are written directly in a process-oriented way. 6.”

⑥ : This is a big piece, the front end must test questions, specific can check my article [jsliang 2019 interview preparation], of course, is not finished now, Jsliang introduction also stutter, so I feel that the answer is not very good.

  • Front little sister: “Ok. Can you talk about how Ajax works and how you use it?”
  • Me: “Sorry, I don’t know, it’s usually wrapped in jQuery, or Axios.”
  • “Can you talk about get and POST requests?”
  • Me: “Get is seen in the browser URL. Post is safer than GET. Of course, this security is also limited, after all, the front end does not say particularly safe place. Then get requests send less data and POST requests send more data.”
  • Front little sister: “ok, roughly I know, please wait a moment back, I tell the person in charge.”
  • Me: “Ok, thanks.”

Conclusion:

First of all, little sister test point, or more complete, from HTML to CSS to JS, and finally to my resume some points, can talk about.

Then, little sister’s topic, personal feeling is still close to her work, most of the knowledge points involved in the work should be more impressive to her.

Finally, feeling: wow good strong little sister!

4.4 Overall three aspects – Project leader

Returns the directory

A few minutes later, the project manager arrived:

  • Project leader: “Hello.”
  • Me: “Hello.”
  • Project leader: “One year after graduation, can you talk about why you changed your job?”
  • Me: “Because I think the platform is too small, personal promotion is limited, just like some resume now, many of them are my own.”
  • Project leader: “Ok, let’s talk about compensation…”
  • Me: “… Crackling…”
  • … Skip the middle part, talk about Jsliang’s tech stack, talk about technology usage, talk about personal technology improvement…
  • Project leader: “Ok, that’s pretty clear. That’s all for today’s interview. Go home and wait for the announcement.”
  • Me: “Ok, thanks.”

Conclusion:

First of all, I felt a little awkward talking with the project leader in the middle of the conversation. Although we talked about salary and work at the end, I still felt a conflict about salary and platform after listening to the recording.

Then, in terms of personal promotion, be sure that your promotion is for your own reasons and that just because you were rejected doesn’t mean your promotion is useless.

Finally, only regret to now also did not reply, may have been cool cool bar.

Five summarizes

Returns the directory

Writing here, jsliang’s first round of interview is over, specially selected one day to interview, harvest a lot, feeling:

First of all, the interview does not necessarily build a rocket, it may be the real existence of this situation in someone else’s project, such as the picture of the second interview in the morning, such as the CSS3 and animation of the little sister in the afternoon.

Then, the interview can give you more ideas, so that according to some points in the interview process, you can broaden your knowledge. The first purpose of the interview is to get the offer, but please try to remember the interview process and interview questions, and summarize them after the interview, so as to expand the knowledge of your own shortcomings.

Finally, I wish you success in the interview and find a more suitable position in the golden three silver four season!

Jsliang advertising push: maybe partners want to know about the cloud server or partners want to buy a cloud server or partners need to renew the cloud server welcome to click on the cloud server promotion view!



Jsliang document library 由 Liang JunrongusingCreative Commons Attribution – Non-commercial Use – Same way Share 4.0 International LicenseGrant permission.

Based on theGithub.com/LiangJunron…On the creation of works.

Use rights other than those authorized by this License agreement may be obtained fromCreativecommons.org/licenses/by…Obtained.