我們聊到互聯網行業的時候，一個不可避免的話題就是“內卷”，而在程序員這個群體中，前端，絕對是卷得最厲害的。
畢竟前端入門門檻低，市面上的初級前端根本不缺，他們很多也是在一些中小廠里寫一些重復性的業務代碼，再加上后面又有更多的前端新人涌入，不可避免地就陷入了高度內卷的境地。
因此，很多前端程序員都在尋求突破，希望能突破到資深乃至專家級前端，搖身一變成為市場稀缺的人才；或者希望能進到大廠，能接受更正規更體系的職業訓練，經手更大規模更復雜的項目，接觸到更多更優秀的同事伙伴。
但這並不是一件容易的事，前端並沒有科班的課程體系，很多前端程序員學的時候就是這兒學一點，那兒學一點，不是特別系統，這就導致他們的技術基礎薄弱，對於大廠真正想要什么也不清楚，再加上他們周遭遠不如大廠的成長環境，想要僅靠自己的力量持續成長、突破困境就好像霧里尋路，困難重重，也很容易半途而廢。
這邊整理課一個對標“阿里 40W”年薪企業高級前端工程師成長路線，由於圖片太大僅展示一小部分，有需要的朋友移步文末獲取：
如何突破內卷呢？
1 擺正個人心態，有此想法的不止你一個，你已經很不錯了，至少敢於提出這樣的問題並且試着找解決方案。
2 程序員有很多，但做到頂尖的真不多，所以你可以從做專，做精。
3 如果題主對技術比較渴求，那么去重新找一份技術水平比較高的工作更有利於學習發展。
4 如果題主有想着朝着管理崗位發展，那現在就是好的機會，當別人還在內卷技術的時候，你已經跨到管理層了，懂技術又知管理，你真的很香。
5 靠自己！
6 靠自己 ！！
7 靠自己！！！
重要的事情說三遍！！！
說到底，做選擇的都是你自己，如何做也在於你自己，不要給自己找那么多借口，不然再過十年，你還是會這樣說。
前端學習內容復雜、網上資料良莠不齊，想要靠自己梳理清楚確實不容易，為了幫助想要跳槽進大廠的朋友順利通過前端面試，我們為你專門梳理了各個大廠前端工程師常考必考的面試題型，總結出269頁的「前端大廠面試寶典（含真題詳細解答）」
HTML
- html 語義化
- canvas 相關
- svg和canvas的區別？
- html5有哪些新特性？
- 如何處理HTML5新標簽的瀏覽器兼容問題？
- 說說 title 和 alt 屬性
- HTML全局屬性(global attribute)有哪些
CSS
- 讓一個元素水平垂直居中，到底有多少種方案？
- 浮動布局的優點？有什么缺點？清除浮動有哪些方式？
- 使用display:inline-block會產生什么問題？解決方法？
- 布局題：div垂直居中，左右10px，高度始終為寬度一半
- 盒模型
- CSS如何進行品字布局？
- CSS如何進行聖杯布局
- CSS如何實現雙飛翼布局？
- 什么是BFC？
- 觸發條件
- BFC渲染規則
- 應用場景
…
JavaScript
- JS原始數據類型有哪些？引用數據類型有哪些？
- null是對象嗎？為什么？
- ‘1’.toString()為什么可以調用？
- 0.1+0.2為什么不等於0.3？
- 什么是BigInt? 為什么需要BigInt?
- 如何創建並使用BigInt？
- typeof 是否能正確判斷類型？
- instanceof能否判斷基本數據類型？
- 能不能手動實現一下instanceof的功能？
- Object.is和===的區別？
- [] == ![]結果是什么？為什么？
- JS中類型轉換有哪幾種？
- == 和 ===有什么區別？
- 對象轉原始類型是根據什么流程運行的？
- 如何讓if(a == 1 && a == 2)條件成立？
- 什么是閉包？
- 閉包產生的原因?
- 閉包有哪些表現形式?
- 如何解決下面的循環輸出問題？
- 原型對象和構造函數有何關系？
- 能不能描述一下原型鏈？
- JS如何實現繼承？
- 函數的arguments為什么不是數組？如何轉化成數組？
- forEach中return有效果嗎？如何中斷forEach循環？
- JS判斷數組中是否包含某個值
- JS中flat—數組扁平化
- 數組中的高階函數
- 能不能實現數組map方法 ?
- 能不能實現數組reduce方法 ?
- 能不能寫一個完整的深拷貝？
- 數據是如何存儲的？
- V8 引擎如何進行垃圾內存的回收？
- 描述一下 V8 執行一段JS代碼的過程？
- 宏任務(MacroTask)引入
- nodejs 和 瀏覽器關於eventLoop的主要區別
- nodejs中的異步、非阻塞I/O是如何實現的？
- JS異步編程有哪些方案？為什么會出現這些方案？
- 能不能簡單實現一下 node 中回調函數的機制？
- Promise 憑借什么消滅了回調地獄？
- Promise 如何實現鏈式調用？
- 現Promise的 all 和 race
- 解釋一下async/await的運行機制
…
HTTP
- HTTP 報文結構是怎樣的？
- HTTP有哪些請求方法？
- GET 和 POST 有什么區別？
- 如何理解 URI？
- 如何理解 HTTP 狀態碼？
- 簡要概括一下 HTTP 的特點？HTTP 有哪些缺點？
- 對 Accept 系列字段了解多少？
- 對於定長和不定長的數據，HTTP 是怎么傳輸的？
- HTTP 如何處理大文件的傳輸？
- HTTP 中如何處理表單數據的提交？
- HTTP1.1 如何解決 HTTP 的隊頭阻塞問題？
- 對 Cookie 了解多少？
- 如何理解 HTTP 代理？
- 如何理解 HTTP 緩存及緩存代理？
- 為什么產生代理緩存？
- 源服務器的緩存控制
- 客戶端的緩存控制
- 什么是跨域？瀏覽器如何攔截響應？如何解決？
…
TCP協議
- 能不能說一說 TCP 和 UDP 的區別？
- 說說 TCP 三次握手的過程？
- 為什么是三次而不是兩次、四次？
- 三次握手過程中可以攜帶數據么？
- 說說 TCP 四次揮手的過程
- 為什么是四次揮手而不是三次？
- 介紹一下 TCP 報文頭部的字段
- 說說 TCP 快速打開的原理(TFO)
- 說說TCP報文中時間戳的作用？
- TCP 的超時重傳時間是如何計算的？
- 說一說 TCP 的流量控制
- 說說 TCP 的擁塞控制？
…
瀏覽器
- 說一說瀏覽器緩存?
- 說一說瀏覽器的本地存儲？各自優劣如何？
- 說一說從輸入URL到頁面呈現發生了什么？（網絡）
- 談談你對重繪和回流的理解
- 能不能說一說XSS攻擊？
- HTTPS為什么讓數據傳輸更安全？
- 能不能實現事件的防抖和節流？
- 能不能實現圖片懶加載？
Vue
- 什么是MVVM？
- mvvm和mvc區別？它和其它框架（jquery）的區別是什么？哪些場景適合？
- 組件之間的傳值？
- Vue 雙向綁定原理
- 描述下 vue 從初始化頁面–修改數據–刷新頁面 UI 的過程？
- 虛擬 DOM 實現原理
- Vue 中 key 值的作用？
- Vue 的生命周期
- Vue 組件間通信有哪些方式?
- vue 中怎么重置 data?
- 組件中寫 name 選項有什么作用？
- vue-router 有哪些鈎子函數?
- route 和 router 的區別是什么？
- 說一下 Vue 和 React 的認識，做一個簡單的對比
- Vue 的 nextTick 的原理是什么？
- Vuex 有哪幾種屬性?
…
數據結構與算法
-
鏈表
簡單的反轉鏈表
區間反轉
兩個一組翻轉鏈表
K個一組翻轉鏈表
如何檢測鏈表形成環？
如何找到環的起點
合並兩個有序鏈表
合並 K 個有序鏈表
判斷回文鏈表 -
棧和隊列
有效括號
多維數組 flatten
普通的層次遍歷
二叉樹的鋸齒形層次遍歷
二叉樹的右視圖
完全平方數
單詞接龍
優先隊列
關於堆的說明
實現一個最大堆
實現優先隊列
前 K 個高頻元素
合並 K 個排序鏈表
什么是雙端隊列？
滑動窗口最大值
棧實現隊列
隊列實現棧 -
二叉樹
前序遍歷 / 中序遍歷 / 后序遍歷
最大深度 / 最小深度
對稱二叉樹
二叉樹的最近公共祖先
二叉樹的直徑
二叉樹的所有路徑
二叉樹的最大路徑和
…
完整版PDF資料免費分享，只需你點贊支持，動動手指點擊此處就可免費領取了。
JavaScript
性能
linux
前端資料匯總
