web前端面試必看

前言

又到了金三銀四的季節，小夥伴們大家是否知足現狀，是否可以接受公司給你的加薪、年終獎金。是否是須要看看web前端行情再作打算呢？我根據目前掌握的知識，以及瞭解到的內容，和麪試其餘同窗的時候注意事項，給出如下建議但願你可以找到更適合的崗位。

尊重被尊重

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

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

面試打分

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

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

面試流程

大體面試流程

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

前端技術

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

HTML

一、HTML5新增了哪些內容或API，使用過哪些
二、input和textarea的區別
三、用一個div模擬textarea的實現
四、什麼是語義化的HTML?
五、HTML5 爲何只須要寫 !DOCTYPE HTML？
六、Doctype做用？標準模式與兼容模式各有什麼區別?
七、html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分 HTML 和
HTML5？
八、請描述一下 cookies，sessionStorage 和 localStorage 的區別？ 

CSS

一、簡要說一下float的特性 二、CSS隱藏元素的幾種方法（至少說出三種） 三、CSS清除浮動的幾種方法（至少兩種） 四、CSS居中（包括水平居中和垂直居中） 五、介紹一下CSS的盒子模型？ 六、CSS 選擇符有哪些？哪些屬性能夠繼承？優先級算法如何計算？ CSS3新增僞類有那些？ 七、CSS3有哪些新特性？ 八、什麼是BFC？ 九、如何實現等高佈局？ 十、li與li之間有看不見的空白間隔是什麼緣由引發的？有什麼解決辦法？ 十一、僞元素與僞類的區別？ 十二、響應式佈局你是如何實現？若是兼容低版本瀏覽器你會如何實現？ 1三、z-index層疊順序是？ 1四、過渡與動畫的區別是什麼？ 1五、什麼是CSS reset？ 1六、CSS Sprite是什麼，談談這個技術的優缺點？ 1七、px與em、rem區別？ 1八、你能描述一下漸進加強和優雅降級之間的不一樣嗎? 

JavaScript

一、做用域
二、變量提高
三、閉包是什麼？你在工做中是否使用過？
四、call與apply區別？
五、手寫bind函數？ 六、原型與原型鏈 七、繼承，幾種繼承方式？他們的優缺點？ 八、數組基本操做都有什麼？ 九、設計模式你都知道那些？ 十、JavaScript中this是如何工做的 十一、箭頭函數 十二、事件模型及事件代理/委託 1三、如何添加、刪除、修改節點 1四、什麼是jsonp？ 1五、高階函數 1六、js線程你是如何理解的？ 1七、setTimeout與setInterval有何區別？使用時須要注意什麼？ 1八、什麼是隱式轉換？須要注意什麼？ 1九、如何將120542.00轉換爲120,542.00 20、AMD與CMD區別？ 

框架

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

一、組件傳值prop
二、路由
三、vue如何實現雙向數據綁定
四、過濾器
五、computed
六、vue生命週期鉤子函數
七、插槽

2. react (react-native)

一、render
二、生命週期
三、更改狀態State
四、jsx
五、組件傳值Props

3. angularjs

打包工具

一、gulp
二、webpack

代碼管理工具

一、SVN
二、Git

最後總結

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