前端基礎

• 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 如何跟開發流程整合
• 單元測試覆蓋率
• 如何面對需求變更帶來的測試用例失效
• 前端灰度方案
• 如何排查記憶體洩漏

其他

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

最後：“相信有很多想學前端的小夥伴，今年年初我花了一個月整理了一份最適合2018年學習的web前端乾貨，從最基礎的HTML+CSS+JS到移動端HTML5等都有整理，送給每一位前端小夥伴，53763，1707這裡是小白聚集地，歡迎初學和進階中的小夥伴。”

祝大家早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。