金三銀四，找工作的人多起來了。很多前端朋友想趁此換工作機會，畢竟通過面試實現(xiàn)跳槽漲薪一直是程序員的一個目標，我是如何拿到大廠offer并成功實現(xiàn)漲薪的呢？

今天給大家分享我拿到大廠offer的利器，《前端核心知識面試寶典》內(nèi)容囊括Html、CSS、Javascript、Vue、HTTP、瀏覽器面試題、數(shù)據(jù)結(jié)構(gòu)與算法。

整個面試核心知識寶典的內(nèi)容非常詳細，很多知識點在總結(jié)的時候因為篇幅受限，不會在文章中將所有內(nèi)容都展示給大家，全部都整理在了一個pdf里面，共107頁！完整PDF已經(jīng)打包！文末領(lǐng)?。?/p>

HTML

• HTML5 有哪些新特性？

• Doctype作?? 嚴格模式與混雜模式如何區(qū)分？它們有何意義?

• 如何實現(xiàn)瀏覽器內(nèi)多個標簽頁之間的通信？

• ?內(nèi)元素有哪些？塊級元素有哪些？空(void)元素有哪些？?內(nèi)元 素和塊級元素有什么區(qū)別？

• 簡述?下src與href的區(qū)別？

• cookies,sessionStorage,localStorage 的區(qū)別？

• HTML5 的離線儲存的使用和原理？

• 怎樣處理 移動端 1px 被 渲染成 2px 問題？

• 瀏覽器是如何渲染頁面的？

• iframe 的優(yōu)缺點？

• Canvas 和 SVG 圖形的區(qū)別是什么？

• 談一談meta 標簽？

CSS 基礎(chǔ)
1、請你講一講 CSS 的權(quán)重和優(yōu)先級
2、介紹 Flex 布局，flex 是什么屬性的縮寫：
3、CSS 怎么畫一個大小為父元素寬度一半的正方形？
4、CSS實現(xiàn)自適應(yīng)正方形、等寬高比矩形
5、實現(xiàn)兩欄布局的方式
6、實現(xiàn)三列布局的方式
7、CSS 動畫有哪些？
8、用css2和css3分別寫一下垂直居中和水平居中
9、visibility 和 display 的差別（還有opacity)
10、opacity 可以有過渡效果嗎？
11、BFC 與 IFC 區(qū)別
12、BFC會與float元素相互覆蓋嗎？為什么？舉例說明
13、了解box-sizing嗎？
14、什么是 BFC
15、了解盒模型嗎？
16、說一下你知道的position屬性，都有啥特點？
17、兩個div上下排列，都設(shè)margin，有什么現(xiàn)象？
18、清除浮動有哪些方法？

JavaScript 基礎(chǔ)
1、問：0.1 + 0.2 === 0.3 嘛？為什么？
2、JS 有哪些大數(shù)據(jù)類型？
3、JS 整數(shù)是怎么表示的？
4、Number() 的存儲空間是多大？如果后臺發(fā)送了一個超過最大自己的數(shù)字怎么辦
5、寫代碼：實現(xiàn)函數(shù)能夠深度克隆基本類型
6、事件流
7、事件是如何實現(xiàn)的？
8、new 一個函數(shù)發(fā)生了什么
9、new 一個構(gòu)造函數(shù)，如果函數(shù)返回 return {} 、 return null ， return 1 ， return true 會發(fā)生什么情況？
10、symbol有什么用處
11、閉包是什么？
12、閉包產(chǎn)生的本質(zhì)
13、一般如何產(chǎn)生閉包
14、閉包的應(yīng)用場景
15、什么是作用域？
16、什么是作用域鏈？
17、NaN 是什么，用 typeof 會輸出什么？
18、JS 隱式轉(zhuǎn)換，顯示轉(zhuǎn)換
19、了解 this 嘛，bind，call，apply 具體指什么
20、手寫 bind、apply、call
21、setTimeout(fn, 0)多久才執(zhí)行，Event Loop
22、手寫題：Promise 原理
23、js腳本加載問題，async、defer問題
24、如何判斷一個對象是不是空對象？
25、<script src=’xxx’ ’xxx’/>外部js文件先加載還是onload先執(zhí)行，為什么？
26、怎么加事件監(jiān)聽
27、事件傳播機制（事件流）
28、說一下原型鏈和原型鏈的繼承吧
29、說下對 JS 的了解吧
30、數(shù)組能夠調(diào)用的函數(shù)有哪些？
31、如何判斷數(shù)組類型
32、函數(shù)中的arguments是數(shù)組嗎？類數(shù)組轉(zhuǎn)數(shù)組的方法了解一下？
33、用過 TypeScript 嗎？它的作用是什么？
34、PWA使用過嗎？serviceWorker的使用原理是啥？
35、ES6 之前使用 prototype 實現(xiàn)繼承
36、如果一個構(gòu)造函數(shù)，bind了一個對象，用這個構(gòu)造函數(shù)創(chuàng)建出的實例會繼承這個對象的屬性嗎？為什么？
37、箭頭函數(shù)和普通函數(shù)有啥區(qū)別？箭頭函數(shù)能當構(gòu)造函數(shù)嗎？
38、知道 ES6 的 Class 嘛？Static 關(guān)鍵字有了解嘛
39、事件循環(huán)機制 （Event Loop）
40、手寫題：數(shù)組扁平化
41、手寫題：實現(xiàn)柯里化
42、手寫題：數(shù)組去重
43、let 閉包
44、變量提升
45、instance 如何使用

Vue框架
1、active-class是哪個組件的屬性？嵌套路由怎么定義？
2、怎么定義vue-router的動態(tài)路由？怎么獲取傳過來的動態(tài)參數(shù)？
3、vue-router有哪幾種導(dǎo)航鉤子？
4、scss是什么？在vue.cli中的安裝使用步驟是？有哪幾大特性？
5、mint-ui是什么？怎么使用？說出至少三個組件使用方法？
6、v-model是什么？怎么使用？vue中標簽怎么綁定事件？
7、axios是什么？怎么使用？描述使用它實現(xiàn)登錄功能的流程？
8、axios+tp5進階中，調(diào)用axios.post(‘a(chǎn)pi/user’)是進行的什么操作？axios.put(‘a(chǎn)pi/user/8′)呢？
9、什么是RESTful API？怎么使用?
10、vuex是什么？怎么使用？哪種功能場景使用它？
11、mvvm框架是什么？它和其它框架（jquery）的區(qū)別是什么？哪些場景適合？
12、自定義指令（v-check、v-focus）的方法有哪些？它有哪些鉤子函數(shù)？還有哪些鉤子函數(shù)參數(shù)？
13、說出至少4種vue當中的指令和它的用法？
14、vue-router是什么？它有哪些組件？
15、導(dǎo)航鉤子有哪些？它們有哪些參數(shù)？
16、Vue的雙向數(shù)據(jù)綁定原理是什么？
17、請詳細說下你對vue生命周期的理解？
18、請說下封裝 vue 組件的過程？
19、你是怎么認識vuex的？
20、vue-loader是什么？使用它的用途有哪些？
21、請說出vue.cli項目中src目錄每個文件夾和文件的用法？
22、vue.cli中怎樣使用自定義的組件？有遇到過哪些問題嗎？
23、聊聊你對Vue.js的template編譯的理解？
24、Vuex是什么？為什么使用Vuex？
25、vuejs與angularjs的區(qū)別？
26、vue為什么不直接操作dom？
27、你怎么理解vue是一個漸進式的框架？
28、Vue聲明組件的state是用data方法，那為什么data是通過一個function來返回一個對象，而不是直接寫一個對象呢？
29、說下vue組件之間的通信？
30、vue中mixin與extend區(qū)別？

計算機網(wǎng)絡(luò)基礎(chǔ)
1、HTTP 緩存
2、HTTP 常用的狀態(tài)碼及使用場景？
3、你知道 302 狀態(tài)碼是什么嘛？你平時瀏覽網(wǎng)頁的過程中遇到過哪些 302 的場景？
4、HTTP 常用的請求方式，區(qū)別和用途？
5、你對計算機網(wǎng)絡(luò)的認識怎么樣
6、HTTPS 是什么？具體流程
7、三次握手和四次揮手
8、在交互過程中如果數(shù)據(jù)傳送完了，還不想斷開連接怎么辦，怎么維持？
9、你對 TCP 滑動窗口有了解嘛？
10、WebSocket與Ajax的區(qū)別
11、了解 WebSocket 嘛？
12、HTTP 如何實現(xiàn)長連接？在什么時候會超時？
13、Fetch API與傳統(tǒng)Request的區(qū)別
14、POST一般可以發(fā)送什么類型的文件，數(shù)據(jù)處理的問題
15、TCP 如何保證有效傳輸及擁塞控制原理。
16、http知道嗎？哪一層的協(xié)議？（應(yīng)用層）
17、OSI七層模型和TCP/IP四層模型
18、TCP 協(xié)議怎么保證可靠的，UDP 為什么不可靠？
19、HTTP 2 改進
20、DDOS 攻擊

算法
鏈表
1、前序遍歷判斷回文鏈表
2、反轉(zhuǎn)鏈表
3、合并K個升序鏈表
4、K 個一組翻轉(zhuǎn)鏈表
5、環(huán)形鏈表
6、排序鏈表
7、相交鏈表
字符串
1、【面試真題】最長回文子串【雙指針】
2、最長公共前綴【雙指針】
3、無重復(fù)字符的最長子串【雙指針】
4、【面試真題】最小覆蓋子串【滑動窗口】
數(shù)組問題
1、【面試真題】俄羅斯套娃信封問題【排序+最長上升子序列】
2、最長連續(xù)遞增序列【快慢指針】
3、最長連續(xù)序列 【哈希表】
4、【面試真題】盛最多水的容器【哈希表】
5、尋找兩個正序數(shù)組的中位數(shù)【雙指針】
6、刪除有序數(shù)組中的重復(fù)項【快慢指針】
7、和為K的子數(shù)組【哈希表】
8、nSum問題【哈希表】
9、【面試真題】接雨水【暴力+備忘錄優(yōu)化】
10、跳躍游戲【貪心算法】
二叉樹
1、二叉樹的最近公共祖先
2、二叉搜索樹中的搜索
3、刪除二叉搜索樹中的節(jié)點
4、完全二叉樹的節(jié)點個數(shù)
5、二叉樹的鋸齒形層序遍歷
排序算法
1、用最少數(shù)量的箭引爆氣球
2、合并區(qū)間【排序算法+區(qū)間問題】
二分查找
1、判斷子序列【二分查找】
2、在排序數(shù)組中查找元素的第一個和最后一個位置【二分搜索】
動態(tài)規(guī)劃
1、最長遞增子序列
2、【面試真題】 零錢兌換
3、【面試真題】 最長公共子序列
編輯距離
1、【面試真題】最長回文子序列
2、【面試真題】最大子序和
3、【面試真題】 買賣股票的最佳時機
BFS
1、打開轉(zhuǎn)盤鎖
2、二叉樹的最小深度
棧
1、最小?！緱！?br>2、下一個更大元素
3、【面試真題】有效的括號
4、簡化路徑
DFS
1、島嶼的最大面積
2、相同的樹
回溯算法
1、N皇后
2、全排列
3、括號生成
4、復(fù)原 IP 地址
5、子集

多年開發(fā)老碼農(nóng)福利贈送：網(wǎng)頁制作，網(wǎng)站開發(fā)，web前端開發(fā)，從最零基礎(chǔ)開始的的HTML+CSS+JavaScript。jQuery，Vue、React、Ajax，node，angular框架等到移動端小程序項目實戰(zhàn)【視頻＋工具＋電子書＋系統(tǒng)路線圖】都有整理打包，希望對大家有幫助！

掌握了這些知識點，面試時在激烈競爭中又可以奪目不少。機會都是留給有準備的人，只有充足的準備，才可能讓自己可以在候選人中脫穎而出。
完整面試教程奉上！

1.一鍵三連+關(guān)注

2.后臺主動留下痕跡：“前端”