Although not golden nine silver ten good interview now, but still there will be a friend to look for a job interview, the small make up for an interview recently asked interview questions made a collection, the inside of the subject including a byte, tencent, drops, Meituan topic, now to sort out good interview questions related with HTML, CSS, JS, so start first!

HTML for interview questions

1. What are the three layers of a browser page?

2. Advantages and disadvantages of HTML5?

3. The Doctype? How to distinguish strict mode from promiscuous mode? What do they mean?

4. What are the new features and elements removed from HTML5?

5. In which browsers have you tested your web pages, and what are their kernels?

6. There is an important thing at the beginning of every HTML file, Doctype.

7. Tell me what you know about HTML5? (What and why)

8. Understanding of WEB standards and W3C?

9. What are HTML5 inline elements, block-level elements, and empty elements?

10. What is WebGL and what are its advantages?

11. Please describe the difference between cookies, sessionStorage and localStorage

12. Tell me your understanding of HTML semantics.

13. What is the difference between link and @import?

14. Tell me what you understand about SVG.

15. What are HTML global attributes?

CSS for interview questions

1. Explain the CSS box model? 2. Describe the types of CSS selectors and give some examples of their use.

3. What are the special features of CSS? (Priority, calculate special value)

4 Want to dynamically change the way content in the layer can be used?

5. Common browser compatibility problems and solutions?

6. List the values of display and say what they do.

7. How do I center a div, a floating element?

8. What is the difference between link and @import in CSS?

9. Please list how many ways (at least two ways) to clear float?

10. Block, inline and inlinke-block details comparison?

11. What is graceful degradation and progressive enhancement?

12. Talk about the problems caused by floating elements and how you solved them

13. What performance optimization methods do you have?

14. Why should CSS styles be initialized?

15. Explain float and how it works? Tips for cleaning up floats

JS for interview questions

1. Explain the CSS box model? 2. Describe the types of CSS selectors and give some examples of their use.

3. What is special about CSS? (Priority, calculate special value)

4 Want to dynamically change the way content in the layer can be used?

5. Common browser compatibility problems and solutions?

6. List the values of display and say what they do.

7. How do I center a div, a floating element?

8. What is the difference between link and @import in CSS?

9. Please list how many ways (at least two ways) to clear float?

10. Block, inline and inlinke-block details comparison?

11. What is graceful degradation and progressive enhancement?

12. Talk about the problems caused by floating elements and how you solved them

13. What performance optimization methods do you have?

14. Why should CSS styles be initialized?

15. Explain float and how it works? Tips for clearing floats?

Tip: The basic knowledge of JS should be the foundation of the web front-end programmer’s life, for the study of basic knowledge, we should not just simple use, but also explore its working principle, this is never out of date knowledge points, the sooner you master the more the better. No matter how the front-end framework is updated iteration, no matter what more popular front-end framework appears, its essence is still a more flexible application of JS basic knowledge. A good grasp of the basics, to ensure that the framework source code to read more effectively.

Talk about learning methods

There is a common problem with technology learning: after learning it, if you do not use it for a long time, you will soon forget it.

Heard a big man said: for any thing, you have learned and have not learned, there are two different realms. So we still have to insist on learning, but also to be selective to learn, like basic principles, general algorithms and so on will certainly not lose, but it is not recommended to blindly chase after new technology, because it may be not proportional to the pay and harvest, to choose according to their own conditions.

A good way to test your learning is to tell it to another person after you have learned it. If the other person understands it, it means you have really mastered it.

Taking notes

When learning something new, be sure to take notes.

For example, learn the source code: from initialization time, we can use the processOn tool, use flowcharts and so on to record each step change, each step function, note notes, etc. This is very fast according to the previous notes when reviewing later. Try to write a blog. There are so many blogging platforms: Nuggets of gold, Zhihu, Jianshu, Blog Garden, etc. Don’t be afraid to write badly, because no one can write very well at first, it takes a long time to practice. The benefits of blogging are very much, will learn to write their own blog articles, in the process of writing, will think more in-depth, more detailed, how to make people easier to understand; It also deepens memories, promotes communication, and creates a habit of sharing.

Participate in open source projects

Participating in open source projects is also an effective way to improve yourself. If it is a well-known open source project in the industry, it is a very positive point on the resume. The benefits brought by simply say several:

  • Continue to learn and practice, work with other excellent developers to improve the technology
  • It’s easier to get advice from the big boys
  • Show your competence and increase your influence in the industry
  • Add highlights to your resume
  • Opportunities for more income
  • Build more contacts in your network

Note: article front-end information pleaseClick here to share