憑借2021前端位元組跳動真題決議 (90頁) ，成功拿下位元組跳動offer-有解無憂

前言

筆者應屆生，參加今年春招實習面試，順利拿到了offer，給大家分享面試經歷和面試題，供大家參考一下，希望大家都能順利通過面試，

前端位元組（實習）

一面

自我介紹
介紹專案
滑動懶加載如何實作
如果出現了問題怎么辦
http狀態碼
講一下http快取
promise
設計方法清理快取
爬樓梯
vue回應式原理
了解react嗎

二面

介紹一下做過的專案
看題說輸出: 原型鏈，this，promise
實作[[‘a’, ‘b’], [‘n’, ‘m’], [‘0’, ‘1’]] => [“an0”, “an1”, “am0”, “am1”, “bn0”, “bn1”, “bm0”, “bm1”]
實作事件代理
輸入url到頁面渲染

三面

自我介紹
根據自我介紹的內容進行提問
js 和 java 的區別
作用域和 this 相關的題目
一道js編程題
對 css 的了解
css 樣式優先級
前端性能衡量指標
前端性能優化方法

hr面

自我介紹
為什么學前端
職業規劃
實習目的
入職時間
對部門的了解
反問

2021前端位元組跳動真題決議

內容大綱包括：HTML(5)，CSS(3) 基礎，JavaScript 基礎，Vue框架，計算機網路基礎，演算法

HTML

HTML5 有哪些新特性？
Doctype作?? 嚴格模式與混雜模式如何區分？它們有何意義?
如何實作瀏覽器內多個標簽頁之間的通信？
?內元素有哪些？塊級元素有哪些？空(void)元素有那些？?內元素和塊級元素有什么區別？
簡述?下src與href的區別？
cookies,sessionStorage,localStorage 的區別？
HTML5 的離線儲存的使用和原理？
怎樣處理移動端 1px 被渲染成 2px 問題？
瀏覽器是如何渲染頁面的？
iframe 的優缺點？
Canvas 和 SVG 圖形的區別是什么？
meta 標簽？

CSS 基礎

請你講一講 CSS 的權重和優先級
介紹 Flex 布局，flex 是什么屬性的縮寫：
CSS 怎么畫一個大小為父元素寬度一半的正方形？
CSS實作自適應正方形、等寬高比矩形
實作兩欄布局的方式
實作三列布局的方式
CSS 影片有哪些？
用css2和css3分別寫一下垂直居中和水平居中
visibility 和 display 的差別（還有opacity)
opacity 可以有過渡效果嘛？
BFC 與 IFC 區別
BFC會與float元素相互覆寫嗎？為什么？舉例說明
了解box-sizing嗎？
什么是 BFC
了解盒模型嗎？
說一下你知道的position屬性，都有啥特點？
兩個div上下排列，都設margin，有什么現象？
清除浮動有哪些方法？

JavaScript 基礎

問：0.1 + 0.2 === 0.3 嘛？為什么？
JS 資料型別
JS 整數是怎么表示的？
Number() 的存盤空間是多大？如果后臺發送了一個超過最大自己的數字怎么辦
寫代碼：實作函式能夠深度克隆基本型別
事件流
事件是如何實作的？
new 一個函式發生了什么
new 一個建構式，如果函式回傳 return {} 、 return null ， return 1 ， return true 會發生什么情況？
symbol有什么用處
閉包是什么？
閉包產生的本質
一般如何產生閉包
閉包的應用場景
什么是作用域？
什么是作用域鏈？
NaN 是什么，用 typeof 會輸出什么？
JS 隱式轉換，顯示轉換
了解 this 嘛，bind，call，apply 具體指什么
手寫 bind、apply、call
setTimeout(fn, 0)多久才執行，Event Loop
手寫題：Promise 原理
js腳本加載問題，async、defer問題
如何判斷一個物件是不是空物件？
<script src=’xxx’ ’xxx’/>外部js檔案先加載還是onload先執行，為什么？
怎么加事件監聽
事件傳播機制（事件流）
說一下原型鏈和原型鏈的繼承吧
說下對 JS 的了解吧
陣列能夠呼叫的函式有那些？
如何判斷陣列型別
函式中的arguments是陣列嗎？類陣列轉陣列的方法了解一下？
用過 TypeScript 嗎？它的作用是什么？
PWA使用過嗎？serviceWorker的使用原理是啥？
ES6 之前使用 prototype 實作繼承
如果一個建構式，bind了一個物件，用這個建構式創建出的實體會繼承這個物件的屬性嗎？為什么？
箭頭函式和普通函式有啥區別？箭頭函式能當建構式嗎？
知道 ES6 的 Class 嘛？Static 關鍵字有了解嘛
事件回圈機制（Event Loop）
手寫題：陣列扁平化
手寫題：實作柯里化
手寫題：陣列去重
let 閉包
變數提升
instance 如何使用