前端面試題彙總（持續更新...）

HTML:

1.嚴格模式與混雜模式如何區分？如何觸發這兩種模式？

2.html新特新，語義化的目的是什麼？經常使用結構標籤及其做用？談談對語義化的理解

3.經常使用瀏覽器內核

4.img的title和alt屬性的區別

5.src和href的區別

6.<strong><em>和<b><i>標籤的區別

7.你知道有多少種DOCTYPE?HTML和XHTML的異同

8.iframe優缺點

9.本地存儲和會話存儲的區別？html5應用緩存？localStorage,sessionStorage和cookie區別？本地存儲有生命週期麼？

10.web worker 和 websocket的做用，websocket兼容低版本瀏覽器

11.如何實現瀏覽器多標籤頁之間的通訊

12.svg和canvas區別

13.如何刷新瀏覽器的應用緩存，應用緩存中的回退

CSS:

1.基本選擇器，權重，優先級

2.css引入方式，link和@import的區別

3.浮動引發的問題，如何解決

4.定位的相對關係

5.爲何要初始化css

6.css哪些樣式能夠繼承，哪些不能繼承

7.元素居中（垂直居中，水平居中）

8.兩列布局，三列布局,盒子模型

9.如何定義高度很小的容器

10.如何讓超出寬度的文字顯示爲省略號

11.ie6下兼容min-height,position:fixed

12.px和em的區別

13.優雅降級和漸進加強，BFC,GFC,FFC

14.rgba()和opacity的透明效果有什麼不一樣，透明度繼承

15.css中自適應的單位，rem和em的區別

16.僞類，css3新增僞類，：first-child和first-of-type區別

17.css3動畫的優缺點？animation和transition異同？css3動畫如何在動做結束時保持該狀態不變？

18.box-sizing

19.媒體查詢

 Javascript:

1.垃圾回收機制，標記清除和引用計數

2.script標籤頁的defer和async區別

3.DOM的建立，添加，移除，替換，插入和查找節點

4.基本數據類型和複雜數據類型，內置對象，typeof和instanceof

5.js建立對象的幾種方式，對象繼承

6.閉包

7.this

8.數據和對象

9.for....in，for....of和forEach,map區別

10.事件捕獲和冒泡

11.原型與原型鏈

12.函數，函數構建的三種方式，做用域，回調函數，當即執行函數

13.排序，二分查找，去重，正則驗證

14.跨域

15.移動端單擊穿透

16.移動端click事件300ms延遲問題

17.移動端禁止複製或選中文本

18.es6

 網絡：

1.ajax優缺點

2.http和https異同，常見狀態碼，完整的http事務流程，tcp和udp,網絡分層模型，304緩存原理，反向代理

Node.js:

1.node.js優缺點

2.eventEmitter應用

3.流

4.exec,execFile,spawn和fork使用

5.express經常使用函數

Vue:

1.mvvm，數據雙向綁定原理

2.v-model原理，自定義指令及其鉤子函數

3.路由傳參

4.vuex,vue-loader

5.<keep-alive>

6.axios,sass,webpack

Angular:

1.angular數據綁定機制，angular優缺點，優化性能，不一樣模塊的通訊方式

React:

1.react中元素和組件的區別，約束性組件和非約束性組件，哪一個生命週期發ajax請求

2.使用狀態時要注意事項，做用域常見問題

 

資料來源：

《前端程序員面試祕籍》張容銘