2019年末，web前端面試的你準備好了嗎？

你們看我以前總結了不少關於web前端的面試題，我是真心想幫助web前端的開發工程師能夠找到工做，立刻就2019年的年末了，確定還有找工做的小夥伴，那麼是否能夠順利在年末以前找到工做呢？我來幫助你，我來告訴你面試前的準備，面試的技巧，面試題都有哪些，另外若是你身邊的人找工做，你也能夠把文章分享給他，我們一塊兒幫助更多的人。

提及找工做就是很心酸的事情，面試過程你們都經歷過。東跑西跑，來回找公司面試，不是沒結果就是面試成功，剩下的乾脆面試完連面試結果都不知道，這是爲何呢？我給你們一一來分析和總結一下，但願你們在2019年的年末均可以找到工做。

1、面試環節整理

準備簡歷==》接到面試電話邀請===》肯定面試地點和時間===》進入面試公司===》填寫表單申請===》HR接待假模假式的噓寒問暖一番===》HR拿過來面試題===》答題完畢告訴HR===》面試官開始面試（自我介紹和項目介紹以及面試官要問的問題）===》over【一切完畢】。

知道了面試環節之後，那麼咱們能夠把面試分爲：面試前、面試中、面試後

2、面試前

1.簡歷準備

簡歷準備我想問一下，你們以爲什麼樣的簡歷好？你須要突出什麼重點？

我相信你們確定有大機率的答案，簡歷寫的越多越詳細越好，包括項目經驗，就算沒有項目經驗，包裝也要包裝。

突出什麼重點？面試官關係咱們的喜愛，愛好，和家庭成員等等嗎？其實不怎麼關係，他確定最關係的是你能夠不能夠幹活對嗎？因此簡歷的介紹順序也要有很清楚的認識。

給你們看一下個人學生的簡歷：（你們能夠參考）

馬聖傑   求職意向： web前端工程師
地點：北京
Tel：xxx
郵箱：xxx

我的技能：

1. 在公司項目中pc端頁面製做採用html+css來完成，響應式採用media和bootstrap來完成，包括響應式圖片，響應式組件等操做，有效的引入第三方css文件來解決統一瀏覽器標準的問題，熟練解決各類兼容問題；
2. 在公司裏作項目採用CSS預處理器LESS或者SCSS進行項目樣式單元的開發(normailz.css)；
3. 在工做中熟練使用HTML5以及CSS3技術對於移動網站佈局,而且熟練使用解決移動端各類工做問題和移動設備顯示問題的hotcss進行網站開發；
4. 在工做中常用各類插件好比swiper,owlCarousel等等；
5. 在公司的項目管理方面咱們採用git 版本管理工具，利用 gitHub 進行團隊協做開發，提升工做效率,掌採用grunt 壓縮工具，bower,和yeoman工 ； 
6. 隨着web技術發展，在工做中使用過Es6中的語法，好比:字符串擴展,函數擴展,數組擴展和解構解析等等；
7. 在項目中pc端網頁特效採用 Jquery 庫，或者依賴於jquery的插件，移動端特效zepto.js比較完美；
8. 在工做中常用jquery中的$.ajax進行數據的交互和邏輯判斷； 
9. 在這幾年裏前端開發經驗裏基本的 SEO知識； 
10. 在項目中可以熟練使用各類框架及插件。例如：Element-UI  、Mint-UI  、Mui  、Bootstrap，Swiper  、owlCarousel  、Iscroll等等；
11. 在項目中熟練運用微信小程序的開發 
12. 在工做中常常和後臺人員配合來完成接口，而且使用fetch（或者axios  、ajax  、原生js）調用接口拿到數據,實現數據渲染和邏輯判斷，驗證等操做 , promise用來數據的異步處理;
13. 使用 過Node.js 的 express 框架完成常見的 業務邏輯，能連接 mysql 數據庫能編寫 sql 的增刪改查； 
14. 瞭解PHP、Node.js等後臺語言,能夠良好的完成先後臺交互；
15. 熟悉各類圖表插件，如 Echarts 等，輕鬆實現餅圖、柱狀圖等常見圖表 ;
16. 在工做中使用vue2版本進行項目開發，公司項目基於webpack開發，使用vue-cli腳手架搭建項目,頁面跳轉使用vue-router進行單頁面spa應用,採用組件式開發多模板開發形式,使用fetch,axios實現頁面交互,利用vue生命週期賦值，使用mock數據進行數據模擬，大量使用es6語法使用babel進行語法轉換編譯，使用promise進行數據異步處理，使用vuex進行項目狀態管理，實現數據調用統一化標準。Vue2中使用Mint-UI和Element-UI針對於pc或者移動實現快速開發 ；
17. 我在項目中移動端混合開發時的大體流程：mui+html5plus，使用mui快速搭建移動端項目，以及頁面效果(組件)實現，使用html5plus實現設備調取（攝像頭，電話,掃一掃，地理定位，相冊，加速度傳感器，訪問麥克風，通信錄，手機的設備信息及配置，發郵件，支付…等等），使用 HBuilder 內置工具打包多端項目（ios,Android，原生）；
18. 曾經使用微信小程序開發項目：全局app的配置,底部tabbar添加，pages多頁面添加，頁面跳轉（wx.navigateTo）、template來定義模板實現複用 ，wx.request使用小程序交互頁面數據的渲染和邏輯判斷。測試階段交互url定義在glabolData中。使用框架生命週期進行數據正確賦值 ；
19. 對Photoshop、WebStrom、Sublime、HBuilder、Atom、Adobe Dreamweaver、Brackets   FSCapture等一些前端工具可以熟悉使用；
20. 有比較良好的溝通協做能力，擁有團隊協做精神，嚴謹、踏實的工做態度；
工做經驗
 
2016.9-2017.12 北京易馳互聯科技有限公司 前端開發兼經理助理
 
● 負責公司網頁佈局，利用bootstrap作響應式。
 
● 使用vue2.x組織網站項目結構,基於webpack開發項目，組件式開發，路由的傳值，鉤子函數的使用。Npmjs引入第三方庫，bootstrap,jquery等等。
 
● 解決網頁在各大主流瀏覽器中的兼容問題。
 
● 負責網站的網頁進行跳轉連接，使用ajax、fetch、axios調取數據，實現先後臺交互。
 
● 負責網頁導航欄的效果實現，網頁內容的總體佈局、優化，實現網頁搜索功能的實現。
 
● 根據項目要求，團隊合做按時完成網站的開發、優化等。
 
● 對項目中BUG進行測試、分析、修改。
 
● 團隊的溝通不足，致使後期進行網頁的整合拼接出現漏洞，後經修復，才得以上線，全部溝通不到位是不可行的
 
 
2015.10-2016.7 三智慧通(北京)科技有限公司 前端開發
 
● 與UI設計人員作好充分溝通，確保網頁特效的完美呈現。
 
● 負責web前端頁面開發，與服務端後臺開發人員配合進行數據展示運用rem彈性盒子媒體查詢來完成移動端項目和響應式網站兼容各大瀏覽器;運用JS、Jquery等前端框架編寫動態效果。
 
● AngularJs實現雙向數據綁定;運用Ajax調取數據與後臺交互。
 
● 運用Grunt自動化構建工具。
 
● 運用Git進行多人協同開發項目。
 
 
2015.3-2015.9 山西綠風電子商務有限公司 前端開發
 
● 配合 UI 人員完成效果的編寫；而且根據 psd 或 App 原型，給出最優的前端解決方案，進行
前端模塊化，以及代碼規範等。
 
● 實現網站頁面排版以及特效（JS、jQuery）效果。
 
● 設計及實現先後端的數據交互，對代碼質量及進度負責。
 
● 對完成的頁面進行維護和對網站前端性能作相應的優化。
 
● 對前端技術問題進行分析診斷，並提出解決方案。
 
項目經驗：
 
響應式開發： 潮水、易馳Eb 、E-SHOPPER  …（兼容PC端，iPad端，移動端）
 
● 負責該項目頁面的排版、更新，其中涉及到：bootstrap框架的使用（效率快） 、插件swiper 、normalize.css的引入（統一規範標準）、iconfont字體的引入  、picturefill.js的引用（圖片的兼容）、移動端hotcss的引用 、JQuery效果的加註 、$.ajax的後臺數據渲染 ；
 
● 爲網站的頁面提供持續優化方案，前端兼容性代碼調試；
 
● 經過媒體查詢調整各 pc 端和移動端適配問題，以及測試頁面，優化代碼，解決部分用戶體
驗的 BUG，以達到最佳的用戶體驗；
 
● 使用 git 進行版本控制管理，使用 webpack 壓縮代碼。
 
移動端開發： 知吃氏 、好融金融 、閃電貸 、艾寶欣 、醫藥 ...（移動端）
 
● 在開發該項目中涉及到 html5+CSS，rem單位以及新老彈性盒的運用，解決多端適配使用（hotcss能夠），less/sass預處理器的使用 ，html5plus的設備調用；
● 在效果方面咱們採用zepto、swiper、iscroll ；
● Mui、 mint-UI、Element-UI等等框架的調用（帶來的效果不言而喻）；
● 經常使用到$.ajax、XMLHTTPRequset（js原生） 、fetch 、axios調取數據進行渲染；
● 以上【艾寶欣】項目採用微信小程序：全局app的配置,底部tabbar添加，pages多頁面添加，頁面跳轉（wx.navgarto）、template來定義模板實現複用 ，wx.rexxx使用小程序交互頁面數據的渲染和邏輯判斷。測試階段交互url定義在glabolData中。使用框架生命週期進行數據正確賦值；
 
● 上述【醫藥】該項目使用vue2版本開發，基於webpack開發，使用vue-cli腳手架搭建項目,頁面跳轉使用vue-router進行單頁面spa應用,採用組件式開發多模板開發形式,使用fetch,axios實現頁面交互,利用vue生命週期賦值，使用mock數據進行數據模擬，大量使用es6語法使用babel進行語法轉換編譯，使用promise進行數據異步處理，使用vuex進行項目狀態管理，實現數據調用統一化標準。
 
● 利用git、grunt完成上線前版本管理及打包壓縮工具；
 
 
PC端開發： 萬商貸、利金行 、 賽會 、愛燕子 …（PC端）
 
● 利用HTML+CSS（less和sass預處理器）配合bootstrap進行高質量的頁面編寫，實現頁面佈局的重構及優化，經過JQuery實現動態效果；
 
● 使用ajax 實現先後臺的數據交互、渲染和邏輯判斷；，
 
● 利用jQuery第三方插件時間頁面動態效果將產品直接呈如今用戶眼前；
 
● 經過正則驗證配合調取後臺數據進行匹配； 
 
 
教育背景
2011.09-2015.7 山西工商學院 本科 計算機與科學技術
自我評價 
爲人真誠，謙虛好學，樂觀開朗，能很好地處理人際關係，遇到問題不抱怨而是用行動去解決，有較強的責任心和團隊合做精神；對本身要求嚴格，作事情講究高質量；熱衷於網頁設計；服從安排，肯吃苦耐勞。在工做中，團隊協做能力強具備較強的親和力，協調溝通能力強，可以創建良好的合做氛圍和客戶關係。

2.自我介紹準備

自我介紹是要體現出來什麼呢？是否是你這我的作了哪些項目？其實自我介紹不如直接改爲項目介紹，你們這裏重點本身比較牛的經歷和作項目的過程和細節。千萬別自我介紹不到1分鐘就說完了，你能夠想一下，若是自我介紹不到1分鐘是否是我會以爲你這我的特別簡單，沒什麼東西？因此自我介紹我建議你們準備5-15分鐘的話術，能夠提早寫出來讀一讀，固然面試過程當中不用說那麼長時間，可是你要準備那麼長時間，這個不用解釋吧，臺上一分鐘臺下十年功。

3.面試題準備

面試題準備這一塊是必須的，就跟考試同樣，若是你都知道考什麼了，或者劃一個重點的話，是否是特別好考？對的沒錯，因此必定要多看面試題，我在以前的文章整理了好多面試題html，css，移動端，兼容問題，vue，等等等等了，手都寫爛了，你們一塊兒要看。固然最少配合視頻講解，我這裏打個廣告，提供一個連接，你們能夠學習，固然你也能夠不學習，徹底看你本身。

前端面試求職跳槽通關指南：https://www.3mooc.com/front/learning/routesecond?subjectid=1232

3、面試中

面試中可能會遇到不少突發事件，好比有些面試題不會了怎麼辦？等等吧，那麼我們是否能夠造成一個面試聯盟，固然我有這樣的學生羣，若是有一我的去面試碰到不會的題直接發出來，就會有羣裏的小夥伴進行回答，那麼這樣的話是否是不少人在幫助你，你並不孤獨呢！

4、面試後

面試後無論面試結果什麼樣，我們都要作覆盤，面試不行？哪裏出問題了，是否是應該進行一個覆盤，這個覆盤是當局者迷，那麼我是不迷的，因此你們面試均可以找我，我來幫助你們。

固然這裏再說一下，也是我以前很生氣的地方，你們面試完之後，若是面試官說你回去等通知吧，「我會在幾月幾號的幾點告訴你面試結果」，那麼若是當天沒有打電話，我們做爲面試者是否是能夠打過去電話問問呢？反正跑都跑去面試了，那麼遠，幹嗎不打個電話幾分鐘都事情作一個瞭解呢？

最後：我說了這麼多，我想幫助不少web前端面試者成功就業，固然我我的也有一些渠道，能夠幫助更多的人，我已經差很少幫助了2萬多學生就業了，這裏也包含個人學生。若是有各類問題，歡迎你們評論留言或者聯繫我，我們一塊兒來討論一下。最後祝福你們在2019年的年末均可以找到很好的工做，順利就業，加油！

給你們看看我輔導的學生就業吧（一倆個就行了，其餘的我也沒截圖）。

網友找到我，我幫助他就業了。（西安倆個案例）