96道前端面試題+前端常用演算法

這篇文章主要分享一些收集整理的面試題，希望能對大家有所幫助，

位元組

一面：

1，說一下瀏覽器快取
2，cookie 與 session 的區別
3，瀏覽器如何做到 session 的功能的，
4，解釋一下：csrf 和 xss
5，怎么防止 csrf 和 xss
6，跨域的處理方案有哪些
7，CORS 是如何做的？
8，對于 CORS ，Get 和 POST 有區別嗎？
9，了解 HTTPS 的程序嗎？
10，es module 和 commonjs 的區別
11，react 里如何做動態加載
12，動態加載的原理是啥，就是 webpack 編譯出來的代碼
13，寫一個處理加法可能產生精度的函式，比如 0.1 + 0.2 = 0.3

二面：

1，聊專案

• 專案難點以及怎么解決的
• 專案有哪些亮點？

2，寫一個 es6 的繼承程序
3，寫一個大數相乘的解決方案，傳兩個字串進來，回傳一個字串

三面

1，聊專案
2，寫一個防抖函式
3，演算法題

位元組是出了名的考演算法題比較多的，基本每面都會演算法題和編程題，對編程能力比較看重吧，

###螞蟻

一面：

1，講講來蘑菇街都干了哪些事情
2，聊聊有什么技術上的沉淀
3，除了 redux mbox dva 還用過其他的 狀態管理沒
4，hooks 原理
5，看過 hooks 相關的草案嗎
6，你對螞蟻有什么期望，或者說技術的規劃，想做的東西
7，vue3 的 類似 hooks 的原理是怎么樣的

二面：

1，聊專案，專案的難點，以及自己做了哪些事情
2，為什么專案里會引入 TS
3，dva 和 redux 的區別
4，職業發展，今年的打算
5，組件升級怎么讓使用這個組件的人都知道
6，如果讓你設計專案自動設計組件升級，并且安全，你會怎么去設計

三面

全程聊專案，因為他不是前端的，所以沒問前端任何知識，主要聊業務相關的，看看我對業務的理解，以及一些想法，

• 專案難點
• 怎么解決
• 專案有什么改進的地方
• 業務方怎么拿到反饋的，就是做的這個東西具體有什么用

上面是位元組和螞蟻的一些面試分享，每一次面試前我們肯定都要充分的準備好，可以去多看看別人的面經，看自己是否可以很好的回答這些問題，查看自己還有哪些不足，查漏補缺，
還有就是多刷題，資料可以去網上找，可以加一些前端群，一般群里會有資料分享，還可以和伙伴們交流討論，也可以自己去買這類書籍，方法有很多，這個看自己個人的選擇，

96道前端面試題

下面給大家分享96道前端面試題，如果有需要可以點擊這里免費領取！

1，一些開放性題目

• 自我介紹：除了基本個人資訊以外，面試官更想聽的是你與眾不同的地方和你的優勢，
• 專案介紹
• 如何看待前端開發？
• 平時是如何學習前端開發的？
• 未來三到五年的規劃是怎樣的？

2，position的值， relative和absolute分別是相對于誰進行定位的？
3，如何解決跨域問題
4，XML和JSON的區別？
5，談談你對webpack的看法
6，說說TCP傳輸的三次握手四次揮手策略
7，TCP和UDP的區別
8，說說你對作用域鏈的理解
9，創建ajax程序
10，漸進增強和優雅降級
11，常見web安全及防護原理
12，XSS原理及防范
13，XSS與CSRF有什么區別嗎？
14，Web Worker和webSocket
15，HTTP和HTTPS
16，對前端模塊化的認識
17，Javascript垃圾回收方法
18，你覺得前端工程的價值體現在哪
19，談談性能優化問題
20，什么是Etag？
21，Expires和Cache-Control
22，ETag應用:
23，為什么使用Etag請求頭?
24，堆疊和佇列的區別?

25，堆疊和堆的區別？
26，快速 排序的思想并實作一個快排？
27，你覺得jQuery或zepto原始碼有哪些寫的好的地方
28，ES6的了解
29，js繼承方式及其優缺點
30，關于Http 2.0你知道多少？
31，defer和async
33，如何評價AngularJS和BackboneJS
34，用過哪些設計模式？
35，說說你對閉包的理解
36，請你談談Cookie的弊端
37，瀏覽器本地存盤
38，web storage和cookie的區別
39，cookie和session的區別：
40，display:none和visibility:hidden的區別？
41，CSS中link和@import的區別是？
42，position:absolute和float屬性的異同
43，介紹一下box-sizing屬性？
44，選擇符有哪些？哪些屬性可以繼承？
45，優先級演算法如何計算？
46，CSS3新增偽類有那些？
47，CSS3有哪些新特性？
48，對BFC規范的理解？
49，說說你對語意化的理解？

50，Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?
51，你知道多少種Doctype檔案型別？
52，HTML與XHTML——二者有什么區別
53，常見兼容性問題？
54，解釋下浮動和它的作業原理？清除浮動的技巧
55，浮動元素引起的問題和解決辦法？
56，清除浮動的幾種方法：
57，DOM操作——怎樣添加、移除、移動、復制、創建和查找節點，
58，html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
59，如何實作瀏覽器內多個標簽頁之間的通信?
60，什么是 FOUC（無樣式內容閃爍）？你如何來避免 FOUC？
61，null和undefined的區別
62，new運算子具體干了什么呢?
63，js延遲加載的方式有哪些？
64，call()和 apply() 的區別和作用？
65，哪些操作會造成記憶體泄漏？
66，列舉IE與其他瀏覽器不一樣的特性？
67，WEB應用從服務器主動推送Data到客戶端有那些方式？
68，對前端界面工程師這個職位是怎么樣理解的？它的前景會怎么樣？
69，一個頁面從輸入 URL到頁面加載顯示完成，這個程序中都發生了什么？

70，javascript物件的幾種創建方式
71，javascript繼承的6種方法
72，創建ajax的程序
73，異步加載和延遲加載
74，ie各版本和chrome可以并行下載多少個資源
75，Flash、Ajax各自的優缺點，在使用中如何取舍？
76，請解釋一下 JavaScript的同源策略，
77，為什么要有同源限制？
78，GET和POST的區別，何時使用POST？
79，事件、IE與火狐的事件機制有什么區別？ 如何阻止冒泡？
80，ajax的缺點和在IE下的問題？
81，談談你對重構的理解
82，HTTP狀態碼
83，說說你對Promise的理解
84，說說你對前端架構師的理解
85，說說嚴格模式的限制
86，如何洗掉一個cookie
87，說說你對AMD和Commonjs的理解
88，document.write()的用法
89，git fetch和git pull的區別
90，說說你對MVC和MVVM的理解
91，請解釋什么是事件代理
92，attribute和property的區別是什么？
93，說說網路分層里七層模型是哪七層
94，說說mongoDB和MySQL的區別
95，講講304快取的原理
96，什么樣的前端代碼是好的

篇幅有限，這里只列出了面試題，和部分截圖，不過面試題和詳解都已經整理成PDF檔案，可以點擊這里免費領取！可免費領取資料還包括CSS面試題總結，JavaScript面試題總結，Vue面試題總結，React面試題總結，常用演算法等等，

演算法：

面試總是免不了演算法題的，尤其是像面試位元組這樣的大廠，更是少不了演算法題，下面就給大家分享一些常用的演算法知識點和面試題題，
1，時間復雜度
2，位運算
3，左移 <<
4，算數右移 >>
5，按位操作
（1）兩個數不使用四則運算得出和
6，排序
7，冒泡排序
8，插入排序
9，選擇排序
10，歸并排序
11，快排
（1）Sort Colors（顏色排序）
（2）Kth Largest Element in an Array（陣列中第k大的數字）
12，堆排序
13，系統自帶排序實作
14，鏈表
（1）反轉單向鏈表
15，二叉樹的先序，中序，后序遍歷
16，遞回實作
17，非遞回實作
18，中序遍歷的前驅后繼節點
19，樹的深度
（1）樹的最大深度**
20，動態規劃
21，斐波那契數列
22，背包問題
23，最長遞增子序列
24，字串相關

更多：

118頁Vue面試題總結，為面試提前做準備
前端開發應該如何準備面試
太棒了！2018-2020前端經典面試題整理合集，還附帶大廠面試題分享！