Summary of common front-end interview questions_html/css_WEB-ITnose

1. Examination of all aspects of front-end development interview

1. HTML&CSS

Yes Understanding of web standards, browser kernel differences, compatibility, hacks, basic CSS skills: layout, box model, selector priority and use, HTML5, CSS3, mobile terminal adaptation

2, JavaScript

Data type, object-oriented, inheritance, closure, plug-in, scope, cross-domain, prototype chain, modularization, custom events, memory leaks, event mechanism, asynchronous loading callback, Template engine, Nodejs, JSON, ajax, etc.

3. Others

HTTP, security, regularity, optimization, reconstruction, responsiveness, mobile terminal, team collaboration, Maintainability, SEO, UED, architecture, career

2. HTML related issues

1 , What is the role of document type? How many document types do you know?

2. What is the difference between browser standard mode and weird mode?

3. What are the limitations of using XHTML?

4. What would you do if web content needs to support multiple languages?

5. Can XHTML syntax be used in HTML5 pages?

6. How to use XML in HTML5?

7. What is the function of the 'data-' attribute?

8. If HTML5 is regarded as an open platform, what are its building blocks?

9. Please describe the difference between cookies, sessionStorage and localStorage?

10. Talk about the difference between innerHTML outerHTML innerText.

3. JS related issues

1. Which Javascript libraries have you used?

2. Have you studied the source code of the JS library or framework you use?

3. What is a hash table?

4. What do 'undefined' variables and 'undeclared' variables mean respectively?

5. What is closure, how to use it, and why should we use it?

6. Please give a typical use case of anonymous functions?

7. Please explain what the module pattern of Javascript is and give practical examples.

8. How do you organize your code? Should I use the module pattern or the classic inheritance method?

9. Please point out the difference between Javascript host objects and built-in objects?

10. What is the difference between '.call' and '.apply'?

11. Please explain the function of 'Funciton.prototype.bind'?

12. How do you optimize your code?

13. Can you explain how inheritance works in JavaScript?

14. Please point out the difference between browser feature detection, feature inference and browser UA string sniffing?

15. Please explain the working principle of AJAX in as much detail as possible.

16. Please explain how JSONP works and why it is not true AJAX.

17. Have you ever used JavaScript template system?

18. Please explain variable declaration promotion.

19. Please describe the event bubbling mechanism.

20. What is the difference between "attribute" and "property"?

21. What is the difference between '==' and '==='?

22. How do you get the parameters in the query string in the browser URL.

23. Please explain JavaScript’s same-origin policy.

24. Please explain event proxy.

25. Describe a JavaScript memoization (avoiding repeated operations) strategy.

26. What is a ternary conditional statement?

27. What are the parameter elements of the function?

4. jQuery related issues

1. Do you know the optimization methods for jQuery.

2. Please explain the purpose of '.end()'.

3. How do you namespace an event handler function, and why do you do this?

4. Please name four different values ​​you can pass to jQuery methods.

5. Please point out the difference between '.get()', '[]', and 'eq()'.

6. Please point out the difference between '.bing()', '.live()' and '.delegate()'.

7. Please point out the difference between '$' and '$.fn'? Or the user who says '$.fn'.

5. CSS related issues

1. Describe the function and use of css reset.

2. Describe float and its working principle.

3. What are the methods for clearing floats and what situations are they suitable for?

4. Explain css sprites and how to use them.

5. What is your favorite image replacement method and how do you choose to use it.

6. How to provide web pages for browsers with limited functions.

7. How to visually hide web content and only make them available in screen readers.

8. Have you ever used a grid system? If you have used them, which one is your favorite?

9. Have you ever used meidia queries (media queries), or CSS layout related to mobile websites.

10. Are you familiar with SVG style writing?

11. How to optimize the printing style of web pages.

12. What issues need to be considered when writing efficient CSS files.

13. Have you ever been exposed to designs using non-standard fonts?

14. Briefly describe the difference between div elements and span elements.