Summarize the most likely problems in the front-end interview process

Objective

Transfer from Https://www.haorooms.com/post/qianduan_mianshi

Common JavaScript topics

How do you understand the prototype of JS? How do you understand the inheritance of JS? Can you illustrate the inheritance of JS?

As for this topic, one of my previous articles Http://www.haorooms.com/post/js_constructor_pro, you can take a look. Understand the prototype prototype, about inheritance, that is mainly the inheritance of JS prototype chain. On the understanding of inheritance and examples (I do not introduce in detail here, after a brief introduction, you even after the back, not necessarily understand, for the company is not fair). I still recommend the interviewer to read a book "[JavaScript Advanced Programming (3rd Edition)]", this book is very detailed to JS. For this topic, you can read the sixth chapter on it! After reading carefully, I believe you can understand, can also be simple to say!

About JS inheritance, is really the key and difficult, I wrote two blog, you can see: Http://www.haorooms.com/post/js_lei_jicheng

Http://www.haorooms.com/post/js_jc_lei2

Second, JS closed package? For example and explain its main role!

About closures is a function that has access to variables in another function scope. I have written an article before, you can have a look!

The understanding of JavaScript closures HTTP://WWW.HAOROOMS.COM/POST/JS_BB

JavaScript Closure Primer Understanding (ii): Http://www.haorooms.com/post/js_bbtwo

What are the main methods of JS array? Main parameters do you understand?

Specific you can check, commonly used are as follows:

1, Shift (): Deletes the first element of the array, returning the deleted value. This is 0.

2, Unshift (3,4): The parameter is loaded in front of the array, returning the length of the array. Now list: Medium is 3,4,0,1,2

3. Pop (): Deletes the last element of the array, returning the deleted value. This is 2.

4, Push (3): Load parameters to the end of the array, return the length of the array, now in list: 0,1,2,3

5, Concat (3,4): Two array of arrays together.

6, Splice (Start,deletecount,val1,val2,...) : Deletes the DeleteCount entry starting from the start position and inserts the Val1,val2 from that position,...

7. Reverse: Reverse the array

var a = [1,2,3,4,5]; var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1] 

8. Sort (orderfunction): Sorts the array by the specified parameters var a = [1,2,3,4,5]; var B = A.sort (); a:[1,2,3,4,5] b:[1,2,3,4,5]

9, Slice (start,end): Returns a new array that consists of the entries from the original array that specify the starting subscript to the end subscript

var a = [1,2,3,4,5]; var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

Four, JS iterative method

Every (), Fliter (), ForEach (), map (), some () specifically, you can check!

Five, JS array de-weight and sort

I will not describe it in detail.

Six, JS Regular expression

About Regular: Http://www.haorooms.com/post/js_regex_refuse, this article should be enough for the interview!

Let you write a simple regular, minus the string left and right space. Specifically look at my previous article Http://www.haorooms.com/post/js_kong_ge

About the regular, you can get to know!

Seven, the Pure JS Ajax request principle

Can inquire, understand! Look at these articles Http://www.haorooms.com/post/js_ajax_chun and Http://www.haorooms.com/post/js_shixian_jquery finally about JS implementation of Ajax, The latest out of the JS fetch method, very good!

Eight, JS Modular

Can look at my previous article: Http://www.haorooms.com/post/js_require_zz

Nine, double equals implicit conversion

See article: Http://www.haorooms.com/post/js_yinxingleixing

Ten, JS Operators, string interception, etc.

For details, see: Http://www.haorooms.com/post/js_czf_mst

The difference between string interception, substr, substring, etc.

The difference between call and apply () in the inheritance of Xi. JS

The usage is similar, the passing parameters are different. Specific you can check online, you can also read my article Http://www.haorooms.com/post/js_constructor_pro

12. Class array conversion methods for arrays

Array.prototype.slice.call(arguments);

13. The cookie does not set the expiration time, what is the default expiration time?

Close the browser and it's over.

14. What are the methods for changing the length of an array?

Shift, Unshift, pop, push

XV, JS event cycle event loop

See article: Http://www.haorooms.com/post/js_xiancheng

16, the difference between require and import

See article: http://blog.csdn.net/qq_28702545/article/details/54892562

Common topics in jquery

First, the jquery source code has been studied?

Second, the jquery plugin wrote no, general how to write?

Can look at my previous article: Http://www.haorooms.com/post/js_jquery_chajian

Third, jquery bind (), Live (), delegate (), on () difference

Online can search, look!

Front-end common topics

First, how to deal with cross-domain?

Jsonp and so on, can look at my written browser cross-domain access solution

Second, how to deal with the cache? How to clear the cache.

Ajax random numbers, Ajax parameters, meta settings, and so on. Can look at my writing JS to clear the browser cache several ways

HTTP request problem, HTTP request information consists of the 3 parts?

 1, request method uri Protocol/version  get/haorooms.< Span class= "PLN" >jsphttp/1.1) 2, request header (request header< Span class= "pun") (for example: accept:image/< Span class= "PLN" >gif./jpeg.*/* ACCEPT-LANGUAGE:ZH-CN Connection:keep-alive Host:localhost etc) 3, request body           

For a picture request, you can read one of my previous articles http://www.haorooms.com/post/web_http_request

Four, the front-end performance optimization problem, how do you deal with the front-end performance issues?

Read my previous article: Http://www.haorooms.com/post/web_xnyh_jscss and front-end performance optimization supplement

V. How to compress the website JS and CSS? What are the methods?

Ant+yuicompressor specific can look at my previous article: http://www.haorooms.com/post/ant_yuicom

ant:http://www.haorooms.com/tools/ant_book/

Sass and so on can be automatically compressed CSS!

You can also use the Grunt build tool. Can look at the front-end JS and CSS compression merge grunt

Vi. what CSS plugins to use?

BOOTSTRAP,ANIMATE.CSS, etc.

Seven, let yourself build a website, how do you do the architecture?

Examine the front-end architecture capabilities.

Eight, some status code you know?

200 Success class, 300 redirect class, 400 client class, 500 server-side class. Specifically, you can check online!

Nine, how to use the browser for code debugging?

Google browser, Firefox, IE and so on. (Students who do not understand the specific online can check)

Ten, JSON string to JSON method

For details, see: Http://www.haorooms.com/post/js_jsons_h

Http://www.haorooms.com/post/json_object_json_string

HTML+CSS+HTML5+CSS3 Common Topics

First, if a page, left fixed, right adaptive, how do you do?

A lot of methods, usually margin and floating, specifically can be checked online. Very simple.

Ii. What are the new tags and features of HTML5?

There are many HTML5 tags, you can check online.

Iii. What are the CSS3 you use? Say what you remember.

Hahaha, this is a lot, you have to review the CSS3 including its animation and so on.

Iv. how to deal with browser compatibility issues?

Please see: Http://www.haorooms.com/post/IE_jianrong

How to use CSS to beautify radio, checkbox and other button styles?

Specifically, you can read one of my articles: Http://www.haorooms.com/post/css_mh_ck_radio

Common topics in Web touch

One, do mobile website long see compatibility problem?

Look at the mobile website related articles.

Second, how to adapt the website? How does a responsive site typically be produced?

Can talk casually. You can see the Http://www.haorooms.com/post/css3media.

Iii. What are the problems in the zepto.js use process? Jquerymobile ever used it? What are the problems?

If you have used it, you can talk about it casually!

Add sub-item

For example, you talk to a database, count how to use MONGO to do paging, and so on, including MySQL database and so on.

Talk to the Inux system, Linux common commands.

Talk to Angularjs,vue.js, ANGULARJS instructions, two-way data binding. The difference between the MVVM pattern and the MVC pattern and the MVP model.

Chat to the front-end architecture, and Baidu fits Jello and so on.

Talk to a common version control tool git or SVN, talk about Git's common commands, git rollback to a version of what to do ($ git reset--hard a version number)

Personnel interview

Personnel interview and Technical interview is a difference, personnel generally asked some general summary of the problem, I give some of the following columns!

One, you have done so many projects, so that you feel the deepest, most impressive is which project? What did you learn from it? Why do you feel the deepest?

Second, do the front-end development for so many years? How do you feel about it!

Three, simple self introduce oneself.

Iv. What do you need to know about the company?

Talk about salary, talk about reasons for leaving, talk about the planning of the next few years, and so on, I am not specific to say here.

These are some of the most common problems in my interview process. Note: The interview must be sincere, do not lie, what is what, I list the reasons for the above topics are some front-end personnel may be very good, but the interview tense, not ready. When you're ready, you'll be able to play your normal level! Our friends, come on!

Summarize the most likely problems in the front-end interview process