Web 前端面試小知識

簡歷投遞

前期爲了解自身短板, 能夠海投一些試試. 不建議長期海投簡歷, 對用人單位簡歷篩選和你自身都沒什麼好處. 投簡歷以前最起碼要關注如下幾點(薪資範圍, 公司位置, 職位要求, 是否爲培訓機構冒充招聘).

前端職位類型

如今前端招人分的挺細了, 下面是我印象中幾種職位.

• Web 前端開發工程師 (頁面重構方面和JS邏輯方面)
• HTML5 前端開發工程師 (通常都是移動端或者 canvas 作遊戲)
• WebGL 前端開發工程師 (這是數據可視化的, 三維實時展示數據)
• APP 前端開發工程師 (應該混合 App 開發、RN 都算這裏面)
• 微信小程序、公衆號開發 前端開發工程師 (我是不許備選, 可能小公司會專門找人作這個)
• PHP/JAVA 前端開發工程師 (公司可能先後端沒有徹底分離)
• React 前端開發工程師 (作大項目的居多, 業務邏輯複雜)
• Nodejs 工程師 (寫服務端的, Node 處理高併發很優秀, CNode 社區不少招的)

公司類型

每一個公司的技術棧是不一樣的, 招人也會傾向於你簡歷的技術棧.

• 穩健型 使用 jQuery 等歷史悠久類庫, 通常不用 3 大框架, 重視 JQuery, JS, HTML + CSS 基礎和實際效果實現
• 潮流型 廣泛大公司或者中小型公司, 會使用 Angular, Vue, React 等框架, 會問框架的具體使用和下面我寫的那些東西, 原理偏多,不多問 jQuery.
• 基礎型 頁面重構&效果呈現, CSS3 + HTML5, 基礎 JS 能力, 招你可能就是寫頁面或者活動頁之類的
• 偏門型 招你專作小程序&微信相關東西, 或者WebGL,D3之類的作數據化展現,比較高深,恩..
• 瘋癲型 不知所云, 把面試當公司宣傳活動或者拿面試題打擊你, 我沒遇到過, 有人遇到過, 是個人話, 離遠點, 只是我的建議.

無論到哪裏, 基礎都很重要, 恩, 隨機應變也很重要.

面試官考教流程

• 你的筆試題, 根據其作延伸.
• 你的簡歷, 技術棧、工做外學習狀況、項目經驗. 第一頁很重要, 最好都能掌握, 有亮點更好.
• 面試官額外的延展的知識點, 隨機問,看你運氣和積累(通常會說起到 ES六、解決實際問題的方法、數據結構與算法都有可能).

應對

• 刷題, 各類基礎題會幫你快速回憶起來, 比你看書快, 若是基礎很差的話, 看書好好學學吧.
• 簡歷上本身寫的東西, 要能說出來.
• 積累, 每次面試不成功就回來填坑吧, 仍是有掌握不到位的. 我以爲能堅持下來的話, 找工做只是時間問題.

面試着重點分類

根據公司業務不一樣, 着重點不同, 公司能把你簡歷挑出來, 就說明有用人單位感興趣的部分.

• 可能你寫的是 熟練使用 Vue, 公司也是這個技術棧.
• 可能你知識寫的全面, 公司想面面你實際掌握怎麼樣.
• 可能你項目寫的貼合用人單位須要, 好比都是作後臺管理的.

框架問題: (Vue 舉例, 3框架實質問題差很少, 具體有些差別)

• 封裝過哪些組件?有本身寫過 UI 組件嗎?
• 什麼是 MVVM , 和 MVC 是什麼區別, 原理是什麼?
• 父子組件怎麼通訊的?
• 兄弟組件怎麼通訊的?
• 生命週期有哪些, 怎麼用?
• Vue 全家桶都用過哪些?具體怎麼用?

HTML5 + CSS3

• 盒子模型
• 如何給未知寬高的圖片垂直居中對齊? 有幾種方法?
• 移動端的 rem 佈局.
• 前端能夠作哪些優化, 或問你 SEO, 基本都問.
• 清除浮動方式和原理, 基本都問. 幾種方式? 原理? 爲何要用僞元素? 具體代碼怎麼寫,爲何這麼寫?
• 清除浮動就會涉及到 BFC 的問題.
• 給你實際頁面例子, 讓你口述佈局或手寫實現細節, 可使用幾種方法, 怎麼寫兼容性好, 拓展性好.
• 具體 API 哪一個 CSS 版本的?
• CSS3 新增了哪些 API?
• 可能問你哪些 API 是 CSS 哪一個版本的? 兼容性怎麼樣.
• CSS hack 是什麼? 包含什麼? 怎麼處理兼容性問題?
• HTML5 新增了哪些 API? 哪些比較經常使用? 用來作什麼? 實際怎麼用?
• cookie, session, localStrorage, sessionStorage 區別, 具體怎麼用代碼去操做?

JavaScript

• 變量聲明提高的問題.
• 閉包的原理, 閉包的各類題, 基本都問.
• DOM2 事件流, 冒泡和捕獲問題?
• this 指向問題, 通常都是在筆試題裏, 拿着問你, 問的比較多.
• call 和 apply 區別? 有的還會加問 bind?
• 面向對象編程中的繼承問題, 原型鏈問題在筆試題裏比較常見.
• jQuery API , 各類操做 DOM 用法, 還有一些新的 API, 這種在不用 3 大框架的公司會問的很詳細.
• 可能有些考算法結構的, 能夠了解一下, 通常前端掌握的不多.
• Ajax 基本都問, 問的細節可能不一樣, 好比 get 和 post 有什麼區別?
• 數組的方法 - es6 如下基本都能熟練使用, 應該會加分很多
• 字符串的方法 - 拼接, 截取, 帶些正則
• 數組去重問的挺多的(解法不少, ES6 有不少簡短寫法)
• ES6 的 Promise , 不少都會問. 若是公司用框架或者你寫了, 還會問你 Class.
• var, let, const區別, 問的多.
• 棧和隊列結構, 有的會問.
• 跨域問題: 同源策略, 解決方案, 解決原理(好比 jsonp 的原理), 這裏都是高發區.

其餘

• url 解析過程.
• 緩存的原理.
• TCP 3次握手.
• HTTP 協議.
• 看過哪些技術書籍? 可能直接問你書裏的東西, 我的以爲至少 2 本以上儲備量吧.

項目

問你用過什麼技術, 用過哪些插件解決什麼問題之類的, 瞭解一下你的技術棧.

那些開發用的插件和技術名詞最好回想, 整理一下, 不要面試的時候蒙了.

• 負責什麼模塊?
• 使用到的技術?
• 遇到過什麼難題?
• 怎麼解決的?
• 工做以外的學習狀況? 通常會從側面瞭解一下