HTML

從輸入URL地址到頁面展示發生了什麼？

1.輸入URL後解析出協議、主機等資訊，並構造一個HTTP請求
2.判斷強快取、協商快取
3.DNS域名解析
4.TCP連線（為什麼要三次握手）
5.http請求
6.伺服器處理請求並返回HTTP報文
7.瀏覽器渲染頁面
8.斷開TCP連線

CSS

1. 盒模型介紹：標準盒模型、IE盒模型
   都是由content+padding+border+margin構成，大小都是content+padding+boder決定，但是盒子內容寬高計算不一樣。
   ·標準盒模型：只包含content
   ·ie盒模型：content+padding+border
2. css選擇器和優先順序
   !import > style > id > class
3. 重排和重繪
   重排一定重繪，重繪不一定重排。
   重排：無論通過什麼方式影響了元素的幾何資訊(元素在視口內的位置和尺寸大小)，瀏覽器需要重新計算元素在視口內的幾何屬性，這個過程叫做重排。
   重繪：通過構造渲染樹和重排（迴流）階段，我們知道了哪些節點是可見的，以及可見節點的樣式和具體的幾何資訊(元素在視口內的位置和尺寸大小)，接下來就可以將渲染樹的每個節點都轉換為螢幕上的實際畫素，這個階段就叫做重繪。
   4.實現兩欄佈局（左側固定+右側自適應佈局）
   5.實現聖盃佈局和雙飛翼佈局（經典三分欄佈局）
   目的：
   三欄佈局，中間一欄最先載入和渲染
   兩側內容固定，中間內容隨著寬度自適應
   聖盃佈局用padding，雙飛翼佈局用margin
   6.水平垂直居中多種實現方式
   7.flex佈局

js基礎

1.資料型別
2.資料型別判斷的方法
3.instanceof手寫
4.手寫深拷貝
5.原型和原型鏈
6.作用域和作用域鏈
7.執行上下文
8.閉包
9.事件迴圈、巨集任務和微任務
10.Promise
11.web儲存（cookie、localStorage、sessionStorage）

HTTP

1.常見的Http狀態碼
2.強制快取
3.協商快取

Vue

1.雙向繫結原理
2.v-if和v-show的區別
3.data為什麼是一個函式而不是一個物件
4.vue中的生命週期
5.元件間通訊方法
6.vue中效能優化有那些
7.常見的事件修飾符及作用