前端面試提綱

前端基礎

• JS 原型鏈機制的理解
• 設計模式：瞭解基本的前端設計模式，單例、適配器、工廠、觀察者。
• 跨域的方式、同源策略、爲何有同源策略、如何作安全防範：新的H5的跨域方式（cors、postmessage）。
• 安全，對攻擊方式、安全的防範上的瞭解 。
• http、TCP 協議的知識，如：什麼是無狀態，http 狀態碼的分類。
• 知曉 CSS 佈局原理，什麼是BFC，如何實現垂直居中，絕對定位相對位置。
• 如何作自適應佈局，怎麼計算 REM
• websocket, WebRTC, EventSource 的區別

框架、組件化

• 架構分層
• 模塊解耦：理解接口、事件通信的兩種方式。
• 組件化趨勢： shadow dom，react和vue 。
• Virtual DOM 的優點以及缺陷
• 實踐中如何解耦 UI 狀態和領域狀態
• 目錄結構如何規劃

前端構建方案

• 工程化的理解以及解決的問題如 gulp。
• gulp與其餘構建工具的對比。
• 如何拆分 SPA 中的大型代碼
• 如何作異步加載
• 有沒有寫過 webpack loader, 以及這個 loader 是爲了解決什麼問題

性能優化

• webview的優化：對靜態資源緩存到native的原理和流程 ，webview緩存、版本號管理、線下調試。
• 如何加快首屏加載速度，Server Render 的實踐。
• 網頁渲染性能優化，layout, paint, compose 三步驟的理解。
• css 動畫、SVG、canvas 的運用
• 針對前端框架的性能優化，如 showComponentUpdate 的使用
• 如何帶領團隊優化：制定量化指標，尋找性能瓶頸，集中優化。

質量保障

• eslint、tslint 如何跟開發流程集成
• 單元測試覆蓋率
• 如何面對需求變動帶來的測試用例失效
• 前端灰度方案
• 如何排查內存泄漏

其餘

• 指望：偏技術或偏管理
• 以爲一個前端專家應具有的技能和素質：綜合、系統能力，須要理解系統和框架的原理，對前端前沿技術有所關注。
• 前沿技術的瞭解
• 對前端將來走向的判斷
• 對領域設計的理解
• 視覺評定能力