web前端面試必看

前言

又到了金三銀四的季節，小夥伴們你們是否滿足現狀，是否能夠接受公司給你的加薪、年終獎金。是不是需要看看web前端行情再做打算呢？我根據目前掌握的知識，以及了解到的內容，和面試其他同學的時候注意事項，給出以下建議希望你能夠找到更適合的崗位。

尊重被尊重

面試是一個很嚴肅的話題，作為一名求職者應該尊重面試官。

1. 著裝乾淨整齊（有的公司會要求西裝）
2. 面試時候坐姿端正自然，切勿翹腿、葛優躺
3. 認真傾聽，切勿玩手機、接電話

面試打分

我們公司面試求職者打分流程是

1. 表達、溝通能力（30%）
2. 技術能力（40%）
3. 禮貌禮節（20%）
4. 其他（10%）

面試流程

大致面試流程

1. 筆試（有的沒有）
2. 自我介紹
3. 聊技術
4. 問面試者你有什麼想問的嗎？

前端技術

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

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區別？

框架

1. vue (vuex、vue-router、ssr)

1、組件傳值prop

2、路由

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

4、過濾器

5、computed

6、vue生命周期鉤子函數

7、插槽

1. react (react-native)

1、render

2、生命周期

3、更改狀態State

4、jsx

5、組件傳值Props

1. angularjs

打包工具

1、gulp

2、webpack

代碼管理工具

1、SVN

2、Git

最後總結

上面是我大致總結的一些面試題與需要注意的事項，至於打包工具與三大框架更為細緻的問題沒有太多的時間進行詳細描述。希望上面的總結對你有用。

推薦閱讀：