前端面試題（HTML/CSS）

（前端面試題大全，持續更新）

1. 經常使用的塊級元素和行內元素有哪些?說說他們的特色？
2. 浮動產生的緣由？清除浮動？
3. 說說一下盒模型
4. float和position一塊兒用是什麼效果
5. rem用過嗎？作不一樣手機的適配怎麼作？
6. script的async有什麼用？defer？
7. 給頁面注入50萬個li怎麼作提高性能？
8. 你通常用的MIME類型有哪些？
9. BFC/margin塌陷
10. 說一下僞類？僞元素？
11. fileReader用過嗎？base64編碼原理？
12. canvas和svg的區別
13. 佈局(盒子模型佈局，position的佈局，flex佈局，grid佈局)
14. .position包含哪幾個值？
15. 畫一個圓形，正方形，三角形
16. 屏幕任意顯示【2,8】個圓形或正方形，顏色各不相同（拼接）
17. 三列布局，左右兩邊固定，中間自適應。
18. 浮動佈局有哪些特性，BFC具體是什麼，渲染有啥區別，IFC?
19. 爲啥加了cleat:both 就能夠清除浮動，爲啥呢(不是問你有啥效果，是原理是啥)
20. 垂直居中(css實現div垂直居中，高是寬的50%，而後左右margin25px/一個矩形，水平垂直居中，且寬高比爲 2:1)
21. svg canvas的區別
22. 對h5的語義化的理解
23. 整個頁面只有div會有什麼問題？？？整個頁面只用p有什麼問題？？？
24. html裏面的meta標籤有哪些?
25. 重排和重繪是什麼
26. css 動畫怎麼實現，有哪幾種方法
27. css實現進度條
28. 一個模態窗口，要從窗口下面向上彈的動畫
29. .H5的新特性，語義化
30. input屬性相關，以及怎樣作的文件上傳
31. transform transition與animation
32. 實現一個單行容器內：左邊一行文字，右邊一個btn，文字邊長過程當中，不會把btn擠下去，而是文字超出省略（單行文本溢出，多行文本溢出把代碼實現寫出來）
33. 頁面卡頓
34. 瀏覽器的渲染過程，Virtual DOM，直接操做DOM的弊端
35. 你有canvas的經驗，你能夠大概說一下如何實現一個普通canvas的過程嗎？能夠寫一下嗎？
36. h5兼容問題
37. list的無限滾動---節流
38. 如何實如今圖片被加載以前的佔位符一個image，寬高比16:9
39. H5中邊框爲1px的設置
40. css單位
41. 兩種盒模型分別適用於什麼狀況？
42. 替換元素
43. 虛擬dom的做用
44. 懶加載怎麼實現
45. socket.io的原理，也就是websocket(這裏講了一下比較websocket和http的區別)（我以爲能夠從跨域，還有服務端主動發起消息，長鏈接等說）
46. docopte 做用，html5和html的區別
47. display：none能拿到寬度麼， 用jquery呢？