web前端之面試提綱
阿新 • • 發佈:2018-12-10
前端基礎
- 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,快速升職加薪,走上人生巔峰。