個人前端實習面經

阿里

電話面試，沒有自我介紹，直接開始

1. 垂直水平居中方案（未知寬高）？
2. 僞數組和數組區分？
3. 循環遍歷加監聽？
4. 閉包？
5. 繼承與原型鏈？create()方法有了解過嘛？
6. ajax請求的步驟？
7. flex常見屬性描述？
8. 跨域及解決辦法及原理？
9. 瀏覽器安全相關？

騰訊

看重簡歷，項目， 沒有自我介紹，直接開始

1. ajax請求
2. 爲何用axios庫？
3. axios和promise有什麼區別
4. vue雙向數據綁定怎麼實現
5. vue中v-for指令的實現原理
6. 輪播效果怎麼實現？
7. 爲何用vue-router?
8. vuex有什麼好處

字節跳動

卷子

簡答

1. 對CSS中box-sizing屬性的理解？

• content-box(W3C標準盒模型)
• border-box(IE盒模型)

2. 對HTML語義化的理解？

• 易於理解、可維護、可複用
• 內容更加結構化，更加清晰
• 有利於搜索引擎檢索，有助於爬蟲抓取信息

3. 對事件代理（event delegation）的理解？

• 須要對不少元素添加事件時，可將事件添加到他們父節點從而能將事件委託給父節點處理函數（事件冒泡機制）

編程

1. 單向鏈表翻轉？

2. 實現一個DOM2JSON函數，能夠把一個DOM節點輸出JSON的格式？

一面（技術）

1. 垂直居中方案
2. 繼承
3. 原型鏈
4. 永久重定向
5. 常見狀態碼
6. NextTick()
7. virtual DOM
8. current target
9. 說說position屬性和他的屬性值
10. 正則表達式 ？什麼意思
11. 佈局有什麼自適應方案
12. 從輸入一個url到展現頁面發生了什麼
13. 三次握手
14. 雙向數據綁定？Watcher和observer
15. js實現深度克隆？若是有屬性嵌套怎麼辦？map去重
16. 遍歷 for in for of
17. 計算機網絡七層協議？

• 顯卡---->物理層
• 路由器---->網絡層
• 交換機---->數據鏈路層
• HTTP---->應用層
• TCP/UDP ---->傳輸層
• IP---->網絡層

18. 跨域及解決

• JSONP原理
• CORS原理
• 反向代理

19. 如何獲取DOM元素

二面（技術）

1. BFC是什麼？怎麼開啓BFC？
2. 常見的行內元素？常見的塊級元素？
3. 刮刮卡怎麼作的？什麼頁面結構？遮蓋層怎麼作的
4. 繼承
5. 原型鏈
6. 構造函數和普通函數有什麼區別？
7. new一個對象的時候發生了什麼
8. 工廠模式，寫一個構造函數Person

• 若是沒有this會怎麼樣？
• 不new的話構造函數會執行嗎？

9. 購物車實現

• 佈局
• 商品展現怎麼實現的
• 商品刪除怎麼實現的

三面（技術）

1. webpack的打包原理
2. vue如何引入組件
3. 項目中遇到了什麼問題？

圖森將來

電話面試

1. 原型鏈繼承
2. 空的對象的原型對象是Object原型
3. Object原型的__proto__爲null
4. instanceof
5. 移動端自適應方案
6. 宏任務、微任務
7. 事件循環模型
8. 輪播動畫
9. 瀏覽器存儲方案
10. 三次握手
11. 四次揮手，爲何要等待，等多久
12. http過程
13. http2.0
14. http和https的區別

面試官建議

• js基礎須要增強
• 框架要更瞭解設計和實現原理
• 新的技術及優化
• 性能你優化方案
  • 網頁加載快慢（壓縮+細節處理）
  • 瀏覽器渲染（合成層：提高動畫性能）