前言

校招 -1 年
這個階段還屬于成長期，更需要看重的是你的基礎(chǔ)和熱情。對于 JS 基礎(chǔ)，計算機基礎(chǔ)，網(wǎng)絡(luò)通信，算法等部分的要求會相對高一些。畢竟這個階段比較難考察你的業(yè)務(wù)項目中的沉淀，所以只能從基礎(chǔ)部分入手考察。

• 在學(xué)校學(xué)習(xí)，或是利用網(wǎng)絡(luò)上的各種資料鞏固自己的基礎(chǔ)，是這個階段的關(guān)鍵。
• 在簡歷里用各種方式展示出你對前端的熱情，讓面試官看到你的潛力。
• 多去了解社區(qū)前沿技術(shù)，關(guān)注國內(nèi)外的各種技術(shù)趨勢。
• 嘗試自己寫一些小項目，或者是參與社區(qū)開源的項目。
• 開始記錄自己的技術(shù)博客。

面試知識點

主要內(nèi)容包括html，css，前端基礎(chǔ)，前端核心，前端進階，移動端開發(fā)，計算機基礎(chǔ)，算法與數(shù)據(jù)結(jié)構(gòu)，設(shè)計模式，項目等等。

html

1.瀏覽器頁面有哪三層構(gòu)成，分別是什么，作用是什么?
2.HTML5的優(yōu)點與缺點？
3.Doctype作用? 嚴格模式與混雜模式如何區(qū)分？它們有何意義?
4.HTML5有哪些新特性、移除了哪些元素？
5.你做的網(wǎng)頁在哪些瀏覽器測試過,這些瀏覽器的內(nèi)核分別是什么?
6.每個HTML文件里開頭都有個很重要的東西，Doctype，知道這是干什么的嗎？
7.說說你對HTML5認識?（是什么,為什么）
8.對WEB標準以及W3C的理解與認識?
9.HTML5行內(nèi)元素有哪些,塊級元素有哪些, 空元素有哪些?
10.什么是WebGL,它有什么優(yōu)點?
11.請你描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別?
12.說說你對HTML語義化的理解?
13.link和@import的區(qū)別?
14.說說你對SVG理解?
15.HTML全局屬性(global attribute)有哪些?
16.說說超鏈接target屬性的取值和作用？
17.data-屬性的作用是什么？
18.介紹一下你對瀏覽器內(nèi)核的理解？
19.常見的瀏覽器內(nèi)核有哪些？
20.iframe有那些缺點？
21.Label的作用是什么，是怎么用的？
22.如何實現(xiàn)瀏覽器內(nèi)多個標簽頁之間的通信?
23.如何在頁面上實現(xiàn)一個圓形的可點擊區(qū)域？
24.title與h3的區(qū)別、b與strong的區(qū)別、i與em的區(qū)別？
25.實現(xiàn)不使用 border 畫出1px高的線，在不同瀏覽器的標準模式與怪異模式下都能保持一致的效果？

CSS

1.解釋一下CSS的盒子模型？
2.請你說說CSS選擇器的類型有哪些，并舉幾個例子說明其用法？
3.請你說說CSS有什么特殊性?（優(yōu)先級、計算特殊值）
4.要動態(tài)改變層中內(nèi)容可以使用的方法？
5.常見瀏覽器兼容性問題與解決方案？
6.列出display的值并說明他們的作用？
7.如何居中div, 如何居中一個浮動元素?
8.CSS中 link 和@import 的區(qū)別是？
9.請列舉幾種清除浮動的方法(至少兩種)?
10.block，inline和inlinke-block細節(jié)對比？
11.什么叫優(yōu)雅降級和漸進增強？
12.說說浮動元素會引起的問題和你的解決辦法
13.你有哪些性能優(yōu)化的方法？
14.為什么要初始化CSS樣式？
15.解釋下浮動和它的工作原理？清除浮動的技巧？
16.CSS樣式表根據(jù)所在網(wǎng)頁的位置，可分為哪幾種樣式表？
17.談?wù)勀銓SS中刻度的認識？
18.請你說說em與rem的區(qū)別？
19.請你說說box-sizing屬性的的用法？
20.瀏覽器標準模式和怪異模式之間的區(qū)別是什么？
21.怪異Quirks模式是什么，它和標準Standards模式有什么區(qū)別？
22.說說你對邊距折疊的理解?
23.內(nèi)聯(lián)與塊級標簽有何區(qū)別？
24.說說隱藏元素的方式有哪些？
25.為什么重置瀏覽器默認樣式，如何重置默瀏覽器認樣式？
26.談?wù)勀銓FC與IFC的理解？(是什么，如何產(chǎn)生，作用)
27.說說你對頁面中使用定位(position)的理解？
28.如何解決多個元素重疊問題？
29.頁面布局的方式有哪些？
30.overflow :hidden是否形成新的塊級格式化上下文？

前端基礎(chǔ)

1.說一下http和https
2.tcp三次握手，一句話概括
3.TCP和UDP的區(qū)別
4.WebSocket的實現(xiàn)和應(yīng)用
5.HTTP請求的方式，HEAD方式
6.一個圖片url訪問后直接下載怎樣實現(xiàn)？
7.說一下web Quality（無障礙）
8.幾個很實用的BOM屬性對象方法?
9.說一下HTML5 drag api
10.說一下http2.0
11.補充400和401、403狀態(tài)碼
12.fetch發(fā)送2次請求的原因
13.Cookie、sessionStorage、localStorage的區(qū)別
14.說一下web worker
15.對HTML語義化標簽的理解
16.iframe是什么？有什么缺點？
17.Doctype作用?嚴格模式與混雜模式如何區(qū)分？它們有何意義?
18.Cookie如何防范XSS攻擊
19.Cookie和session的區(qū)別
20.一句話概括RESTFUL
21.講講viewport和移動端布局
22.click在ios上有300ms延遲，原因及如何解決？
23.addEventListener參數(shù)
24.cookie sessionStorage localStorage區(qū)別
25.cookie session區(qū)別
26.介紹知道的http返回的狀態(tài)碼
27.http常用請求頭
28.強，協(xié)商緩存
29.HTTP狀態(tài)碼說說你知道的
30.講講304
31.強緩存、協(xié)商緩存什么時候用哪個
32.前端優(yōu)化
33.GET和POST的區(qū)別
34.301和302的區(qū)別
35.如何畫一個三角形
36.狀態(tài)碼304和 200
37.說一下瀏覽器緩存
38.HTML5新增的元素
39.在地址欄里輸入一個URL,到這個頁面呈現(xiàn)出來，中間會發(fā)生什么？
40.cookie和session的區(qū)別，localstorage和sessionstorage的區(qū)別
41.常見的HTTP的頭部
42.HTTP2.0 的特性
43.cache-control的值有哪些
44.瀏覽器在生成頁面的時候，會生成那兩顆樹？
45.csrf和xss的網(wǎng)絡(luò)攻擊及防范
46.怎么看網(wǎng)站的性能如何
47.介紹HTTP協(xié)議(特征)
48.說一下對Cookie和Session的認知，Cookie有哪些限制？
49.描述一下XSS和CRSF攻擊？防御方法？
50.知道304嗎，什么時候用304？
51.具體有哪些請求頭是跟緩存相關(guān)的
52.cookie和session的區(qū)別
53.cookie有哪些字段可以設(shè)置
54.cookie有哪些編碼方式？
55.既然你看過圖解http，那你回答下200和304的區(qū)別
56.除了cookie，還有什么存儲方式。說說cookie和localStorage的區(qū)別
57.瀏覽器輸入網(wǎng)址到頁面渲染全過程
58.HTML5和CSS3用的多嗎？你了解它們的新屬性嗎？有在項目中用過嗎？
59.http常見的請求方法
60.get和post的區(qū)別
61.說說302，301，304的狀態(tài)碼
62.web性能優(yōu)化
63.瀏覽器緩存機制
64.post和get區(qū)別
65.說一下css盒模型
66.畫一條0.5px的線
67.link標簽和import標簽的區(qū)別
68.transition和animation的區(qū)別
69.Flex布局
70.BFC（塊級格式化上下文，用于清楚浮動，防止margin重疊等）
71.垂直居中的方法
72.關(guān)于js動畫和css3動畫的差異性
73.說一下塊元素和行元素
74.多行元素的文本省略號
75.visibility=hidden, opacity=0，display:none
76.雙邊距重疊問題（外邊距折疊）
77.position屬性
78.浮動清除
79.css3新特性
80.CSS選擇器有哪些，優(yōu)先級呢
81.怎么樣讓一個元素消失
82.介紹一下盒模型
83.css動畫如何實現(xiàn)
84.如何實現(xiàn)圖片在某個容器中居中的？
85.如何實現(xiàn)元素的垂直居中
86.CSS3中對溢出的處理
87.float的元素，display是什么
88.隱藏頁面中某個元素的方法
89.三欄布局的實現(xiàn)方式，盡可能多寫，浮動布局時，三個div的生成順序有沒有影響
90.什么是BFC
91.calc屬性
92.有一個width300，height300，怎么實現(xiàn)在屏幕上垂直水平居中
93.display：table和本身的table有什么區(qū)別
94.position屬性的值有哪些及其區(qū)別
95.z-index的定位方法
96.CSS盒模型
97.如果想要改變一個DOM元素的字體顏色，不在它本身上進行操作？
98.對CSS的新屬性有了解過的嗎？
99.用的最多的css屬性是啥？
100.line-height和height的區(qū)別
101.設(shè)置一個元素的背景顏色，背景顏色會填充哪些區(qū)域？
102.知道屬性選擇器和偽類選擇器的優(yōu)先級嗎
103.inline-block、inline和block的區(qū)別；為什么img是inline還可以設(shè)置寬高
104.用css實現(xiàn)一個硬幣旋轉(zhuǎn)的效果
105.了解重繪和重排嗎，知道怎么去減少重繪和重排嗎，讓文檔脫離文檔流有哪些方法
106.CSS畫正方體，三角形
107.overflow的原理
108.清除浮動的方法
109.box-sizing的語法和基本用處
110.使元素消失的方法有哪些？
111.兩個嵌套的div，position都是absolute，子div設(shè)置top屬性，那么這個top是相對于父元素的哪個位置定位的
112.說說盒子模型
113.display
114.怎么隱藏一個元素
115.display:none和visibilty:hidden的區(qū)別
116.相對布局和絕對布局，position:relative和obsolute
117.flex布局
118.block、inline、inline-block的區(qū)別
119.css的常用選擇器
120.css布局
121.css定位
122.relative定位規(guī)則
123.垂直居中
124.css預(yù)處理器有什么
125.get請求傳參長度的誤區(qū)
126.補充get和post請求在緩存方面的區(qū)別
127.說一下閉包
128.說一下類的創(chuàng)建和繼承
129.如何解決異步回調(diào)地獄
130.說說前端中的事件流
131.如何讓事件先冒泡后捕獲
132.說一下事件委托
133.說一下圖片的懶加載和預(yù)加載
134.mouseover和mouseenter的區(qū)別
135.js的new操作符做了哪些事情
136.改變函數(shù)內(nèi)部this指針的指向函數(shù)（bind，apply，call的區(qū)別）
137.js的各種位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的區(qū)別？
138.js拖拽功能的實現(xiàn)
139.異步加載js的方法
140.Ajax解決瀏覽器緩存問題
141.js的節(jié)流和防抖
142.JS中的垃圾回收機制
143.eval是做什么的
144.如何理解前端模塊化
145.說一下Commonjs、AMD和CMD
146.對象深度克隆的簡單實現(xiàn)
147.實現(xiàn)一個once函數(shù)，傳入函數(shù)參數(shù)只執(zhí)行一次
148.將原生的ajax封裝成promise
149.js監(jiān)聽對象屬性的改變
150.如何實現(xiàn)一個私有變量，用getName方法可以訪問，不能直接訪問
151.和=、以及Object.is的區(qū)別
152.setTimeout、setInterval和requestAnimationFrame之間的區(qū)別
153.實現(xiàn)一個兩列等高布局，講講思路
154.自己實現(xiàn)一個bind函數(shù)
155.用setTimeout來實現(xiàn)setInterval

前端核心

1.JSONP的缺點
2.跨域（jsonp，ajax）
3.如何實現(xiàn)跨域
4.dom是什么，你的理解？
5.關(guān)于dom的api有什么
6.ajax返回的狀態(tài)
7.實現(xiàn)一個Ajax
8.如何實現(xiàn)ajax請求，假如我有多個請求，我需要讓這些ajax請求按照某種順序一次執(zhí)行，有什么辦法呢？如何處理ajax跨域
9.如何實現(xiàn)一個ajax請求？如果我想發(fā)出兩個有順序的ajax需要怎么做？
10.Fetch和Ajax比有什么優(yōu)缺點？
11.移動應(yīng)用和web應(yīng)用的關(guān)系
12.知道PWA嗎
13.做過移動端嗎
14.知道touch事件嗎

前端進階

1.前端測試
2.接口文檔的制定
3.webpack和gulp區(qū)別（模塊化與流的區(qū)別）
4.redux用處
5.redux里常用方法
6.angularJs和react區(qū)別
7.vue雙向綁定原理
8.說說vue react angularjs jquery的區(qū)別
9.node的事件方法講講看
10.node的特性，適合處理什么場景
11.你有用到Express,講講Express
12.promise的狀態(tài)有那些
13.數(shù)組移除第一個元素的方法有哪些？

移動端開發(fā)

1.介紹一下react
2.React單項數(shù)據(jù)流
3.react生命周期函數(shù)和react組件的生命周期
4.react和Vue的原理，區(qū)別，亮點，作用
5.reactJs的組件交流
6.有了解過react的虛擬DOM嗎，虛擬DOM是怎么對比的呢
7.項目里用到了react，為什么要選擇react，react有哪些好處
8.怎么獲取真正的dom
9.選擇react的原因
10.react的生命周期函數(shù)
11.setState之后的流程
12.react高階組件知道嗎？
13.React的生命周期
14.說說自己理解的react
15.react的組件是通過什么去判斷是否刷新的

計算機基礎(chǔ)

1.TCP 建立連接的三次握手過程
2.cdn 原理
3.HTTP 的頭部包含哪些內(nèi)容。常見的請求方法（我為什么要 說后面的 options，head，connect）
4.請求方法 head 特性
5.HTTP 狀態(tài)碼，301和302 有什么具體區(qū)別，200 和 304 的 區(qū)別
6.OSI 七層模型
7.TCP 和 UDP 的區(qū)別，為什么三次握手四次揮手
8.HTTP 緩存機制
9.websocket 和 ajax 的區(qū)別是什么，websocket 的應(yīng)用場景有哪些
10.TCP/IP 的網(wǎng)絡(luò)模型
11.知道什么跨域方式嗎，jsonp 具體流程是什么，如何實現(xiàn) 原生 Jsonp 封裝，優(yōu)化，對于 CORS，服務(wù)器怎么判斷它該不 該跨域呢
12.怎么生成 token，怎么傳遞
13.操作系統(tǒng)進程和線程的區(qū)別
14.什么是進程線程
15.線程的那些資源共享，那些資源不共享
16.操作系統(tǒng)里面進程和線程的區(qū)別
17.Linux 查詢進程指令，查詢端口，殺進程
18.進程間的通信方式有哪些？
19.Redis 和 mysql

算法與數(shù)據(jù)結(jié)構(gòu)

1.二叉樹層序遍歷
2.B 樹的特性，B 樹和 B+樹的區(qū)別
3.尾遞歸
4.如何寫一個大數(shù)階乘？遞歸的方法會出現(xiàn)什么問題？
5.把多維數(shù)組變成一維數(shù)組的方法
6.知道的排序算法 說一下冒泡快排的原理
7.Heap 排序方法的原理？復(fù)雜度？
8.幾種常見的排序算法，手寫
9.數(shù)組的去重，盡可能寫出多個方法
10.如果有一個大的數(shù)組，都是整型，怎么找出最大的前 10 個數(shù)
11.知道數(shù)據(jù)結(jié)構(gòu)里面的常見的數(shù)據(jù)結(jié)構(gòu)
12.找出數(shù)組中第 k 大的數(shù)組出現(xiàn)多少次，比如數(shù)組【1，2， 4，4，3，5】第二大的數(shù)字是 4，出現(xiàn)兩次，所以返回 2
13.合并兩個有序數(shù)組
14.給一個數(shù)，去一個已經(jīng)排好序的數(shù)組中尋找這個數(shù)的位 置（通過快速查找，二分查找）

最后：

總結(jié)來說，面試成功=基礎(chǔ)知識+項目經(jīng)驗+表達技巧+運氣。我們無法控制運氣，但是我們可以在別的地方花更多時間，每個環(huán)節(jié)都提前做好準備。

面試一方面是為了找到工作，升職加薪，另一方面也是對于自我能力的考察。能夠面試成功不僅僅是來自面試前的臨時抱佛腳，更重要的是在平時學(xué)習(xí)和工作中不斷積累和堅持，把每個知識點、每一次項目開發(fā)、每次遇到的難點知識，做好積累，實踐和總結(jié)。

點擊這里領(lǐng)取Web前端開發(fā)經(jīng)典面試題

好序的數(shù)組中尋找這個數(shù)的位 置（通過快速查找，二分查找）

[外鏈圖片轉(zhuǎn)存中…(img-QJlEiwWM-1622807047708)]

最后：

總結(jié)來說，面試成功=基礎(chǔ)知識+項目經(jīng)驗+表達技巧+運氣。我們無法控制運氣，但是我們可以在別的地方花更多時間，每個環(huán)節(jié)都提前做好準備。

面試一方面是為了找到工作，升職加薪，另一方面也是對于自我能力的考察。能夠面試成功不僅僅是來自面試前的臨時抱佛腳，更重要的是在平時學(xué)習(xí)和工作中不斷積累和堅持，把每個知識點、每一次項目開發(fā)、每次遇到的難點知識，做好積累，實踐和總結(jié)。

點擊這里領(lǐng)取Web前端開發(fā)經(jīng)典面試題

總結(jié)

以上是生活随笔為你收集整理的MMKV集成与原理，吊打面试官系列！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。