A front end face questions (HTML / CSS)

( The front end face questions Encyclopedia, continuously updating ) https://www.cnblogs.com/zzcyeah/p/11070480.html

1. Common block level elements and inline elements What? Talk about their characteristics?
2. The cause of floating? Clear float?
3. Talk about the box model
4. Together with the float and position is what effect
5. rem used it? Do different phone adapter how to do?
6. The script async what's the use? defer?
7. Page to inject 500,000 li how to do to improve performance?
8. MIME types you generally use what?
9. BFC / margin collapse
10. Talk about pseudo-classes? Pseudo-element?
11. fileReader used it? base64 encoding principle?
12. The difference between canvas and svg
13. Layout (box model layout, position of the layout, flex layout, grid layout)
14. .position which contains several values?
15. Draw a circle, square, triangular
16. [2,8] is displayed any circular or square, vary in color (splicing)
17. Three layout, the left and right sides of the fixed, intermediate adaptation.
18. What are the characteristics of the floating layout, what BFC specifically, rendering any difference, IFC?
19. Why add a cleat: both to clear the float, so why did it (did not ask you what's the effect, that principle is valid)
20. Vertically centered (CSS div achieve vertical center, 50% of high-wide, and about margin25px / a rectangular, horizontal and vertical center, and an aspect ratio of 2: 1)
21. The difference svg canvas
22. Understanding of the semantic h5
23. Only div entire page will be a problem? ? ? The entire page with only p What is the problem? ? ?
24. html meta tag inside what?
25. What is the rearrangement and redraw
26. css animation how to achieve, which has several methods
27. css to achieve the progress bar
28. A modal window, upward from below the window animation playing
29. .H5 of new features, semantic
30. input-related properties, as well as what to do file upload
31. transform transition与animation
32. Achieve a single line container: a line of text to the left and right of btn, text side length of the course, will not btn squeeze down, but beyond text omitted (single-line text overflow, multi-line text overflow to write code to achieve)
33. Page Caton
34. Rendering browser, Virtual DOM, DOM drawbacks of direct manipulation
35. Do you have experience canvas, you can say something about how to achieve a common canvas of the process? You can write about it?
36. h5 compatibility problems
37. infinite scrolling list throttle ---
38. How to achieve before the picture is a placeholder for a loaded image, aspect ratio 16: 9
39. H5 is set in a border of 1px
40. css Unit
41. Two types of magazine models were applied to what?
42. Replaced elements
43. The role of virtual dom
44. Realize how lazy loading
45. socket.io principle, that is, websocket (here talked about the difference between http and compare websocket) (I feel I can initiate a message from cross-domain, as well as the server, said long connections)
46. Difference docopte effect, html5 and html of
47. display: none to get the width of it, use it jquery?