導讀Web前端開發行業是伴隨Web興起而細分出來的行業。隨著移動技術的發展，未來Web前端的人才缺口會更大，相應的，前端人才的薪資待遇也會非常可觀。不少小伙伴想....

Web前端開發行業是伴隨Web興起而細分出來的行業。隨著移動技術的發展，未來Web前端的人才缺口會更大，相應的，前端人才的薪資待遇也會非常可觀。

不少小伙伴想要入行前端，不管是自學還是培訓，經歷過朝朝暮暮，到了投簡歷找工作的階段了，但是還是會有一些狀況出現。

自己投了不少簡歷，但是收到的面試邀請卻特別少；好不容易收到了大廠的面試邀請，但由于對面試流程不清楚，準備的特別不充分，結果也掛了；對于面試官的問題，明明知道該怎么做，但是卻說不清楚。這些問題不是個例，很多人都有這樣的困擾。接下來小編就分享一些面試技巧和面試的時候一些常見問題，希望能對小伙伴們有幫助。

一、尊重與被尊重

面試是一個很嚴肅的話題，作為一名求職者應該尊重面試官。著裝干凈整齊（有的公司會要求西裝，但是不是所以公司都會有要求，根據公司情況決定自己面試當天的著裝），面試的時候坐姿端正自然，大方得體，不要有翹腿、抖腿、葛優躺等不適合的動作。認真傾聽，不卑不亢，謙虛有禮，不要玩手機、回消息、打電話，最好是靜音或者是免打擾。

二、面試流程

大致面試流程

筆試（有的沒有）

自我介紹

聊技術

問面試者你有什么想問的嗎？

前端技術

三、前端技術：

前端技術是整個面試過程中最重要的部分，這決定了你是否能夠勝任你所面試的崗位，能夠順利拿到offer。

前端技術面試大致分一下幾大方向：

①HTML

1、html5新增了哪些內容或API，使用過哪些

2、input和textarea的區別

3、用一個div模擬textarea的實現

4、什么是語義化的HTML?

5、HTML5 為什么只需要寫 !DOCTYPE HTML？

6、Doctype作用？標準模式與兼容模式各有什么區別?

7、html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和HTML5？

8、請描述一下cookies，sessionStorage 和 localStorage 的區別？

②CSS

1、簡要說一下float的特性

2、CSS隱藏元素的幾種方法(至少說出三種)

3、CSS清除浮動的幾種方法(至少兩種)

4、CSS居中(包括水平居中和垂直居中)

5、介紹一下CSS的盒子模型？

6、CSS 選擇符有哪些？哪些屬性可以繼承？優先級算法如何計算？ CSS3新增偽類有那些？

7、CSS3有哪些新特性？

8、什么是BFC？

9、如何實現等高布局？

10、li與li之間有看不見的空白間隔是什么原因引起的？有什么解決辦法？

11、偽元素與偽類的區別？

12、響應式布局你是如何實現？如果兼容低版本瀏覽器你會如何實現？

13、z-index層疊順序是？

14、過渡與動畫的區別是什么？

15、什么是CSS reset？

16、CSS Sprite是什么，談談這個技術的優缺點？

17、px與em、rem區別？

18、你能描述一下漸進增強和優雅降級之間的不同嗎?

③JavaScript

1、作用域

2、變量提升

3、閉包是什么？你在工作中是否使用過？

4、call與apply區別？

5、手寫bind函數？

6、原型與原型鏈

7、繼承，幾種繼承方式？他們的優缺點？

8、數組基本操作都有什么？

9、設計模式你都知道那些？

10、JavaScript中this是如何工作的

11、箭頭函數

12、事件模型及事件代理/委托

13、如何添加、刪除、修改節點

14、什么是jsonp？

15、高階函數

16、js線程你是如何理解的？

17、setTimeout與setInterval有何區別？使用時需要注意什么？

18、什么是隱式轉換？需要注意什么？

19、如何將120542.00轉換為120,542.00

20、AMD與CMD區別？

④框架vue (vuex、vue-router、ssr)

1、組件傳值prop

2、路由

3、vue如何實現雙向數據綁定

4、過濾器

5、computed

6、vue生命周期鉤子函數

7、插槽react (react-native)

8、render

9、生命周期

10、更改狀態State

11、jsx

12、組件傳值Propsangularjs

⑤打包工具

1、gulp

2、webpack

⑥代碼管理工具

1、SVN

2、Git

上面就是小編大致整理的一些面試題與需要注意的事項，至于打包工具與三大框架更為細致的問題只是列舉了方向，沒有進行更多更詳細的說明。希望以上內容能對小伙伴們有幫助，祝大家都能拿到心儀的offer！