不知不覺一年又過去一大半，很快秋招就要開始了，最近有不少同學私信我問秋招相關的問題，今天通過這篇文章給大家講解一下，校招走前端方向，應該怎么做準備。

眾所周知，校招分為秋招和春招，秋招會有更多的優質就業機會，好的公司會在秋招招一半以上的崗位空缺。只有大概30%左右的崗位會在春招和社招的時候補充。并且有很多同學會因為考研或者考公等因素放棄秋招，隨著考研和公考的結束，這些考試失利的人也會流入春招。所以，不論從崗位數量還是競爭壓力的角度來講，建議各位同學一定不要錯過秋招。

PS：有部分之前沒怎么學習同學，或者是對于自己所學的專業不滿意，剛想走前端方向的同學，一定要有緊迫感，即使趕不上秋招，也一定要在春招找到一份工作，別等到社招。社招找工作的難度是要比校招高很多的。

根據自身情況的不同，我把人群分為兩部分。

第一部分：985、211科班出身，想進大廠的同學。

對于這部分同學來講，應該花更多的時間精力在計算機基礎上。大廠更多講究你的可培養潛力和計算機科學基礎，算法、設計模式、編譯原理、微機結構、數學圖論、線代、網絡基礎協議理解、工程設計思想 。不要把用過的框架羅列成自己的簡歷，因為原生能力過硬，工程思想還可以的開發者，學習框架到應用都是非常迅速的。

各大廠往年的校招面試題在網上搜一搜，都是能找到的。不難看出這些面試題都是由80%基礎知識+20%專業知識組成。基礎知識主要考量操作系統、計算機網絡、計算機組成原理、數據結構與算法等，專業知識會考量前端基礎、框架、瀏覽器原理、node.js特性、工程化實踐等。

所以，對于這部分同學，我給的建議就是，在提升編程能力的同時，一定不能忽視計算機基礎。可以多在leetcode、牛客網等平臺上刷題，至少一百題以上。同時，如果能在github參與一些大廠的開源項目最好。

學習的過程中也可以多找一些志同道合的人一起學習，這里有一個WEB前端學習裙，前面三位589，中間三位051，后面三位564。裙文件有我整理的學習教程、PDF書籍、面試題、簡歷模板、開發工具等。學習氛圍也很好，無論你是剛開始學習的小白，還是已經從事開發工作，在里面都能獲得幫助，問一個問題很快就有大佬解答，我希望把它打造成一個非常好的前端圈子，以后有好的工作機會也可以互相內推，感興趣可以加入。

第二部分：普通本科專科以及非科班走前端方向的同學。

對于這部分同學來講，第一份工作想進入大廠的概率會小一些，但也不是完全沒有機會。這部分同學如果從大一開始就把成為大廠前端工程師作為目標，有在認真學習技術，一樣也是有進入大廠的。

但國內這些普通高校的學習氛圍一般，有很多同學都是臨近畢業才意識到技術的重要性，所以基本上大部分人第一份工作都是進普通的中小公司。普通中小公司，要的是能夠上手干活的，會更看重編程能力以及項目經驗。所以，對于這部分同學來講，應該把大量的時間用在提升前端專業知識上，等工作之后再補計算機基礎。

普通中小公司面試主要會考量前端基礎、框架掌握情況以及項目經歷。很多面試官會問一些前端基礎問題，考察你的基礎是否扎實，然后會根據你的項目經歷提一些問題，考察你對項目中用到的技術棧掌握程度以及解決問題的能力。

最后給大家總結了一下2021年web前端的學習內容，可能內容過于多，但是從具備競爭力的角度考慮，我盡量把大前端全棧工程師要學習的內容都給大家列了出來，按照我這個標準去學，保底就業薪資在15K以上。配套的資料因為網盤鏈接放上來會被建議修改，可以到這個WEB前端學習裙獲取，前面三位589，中間三位051，后面三位564。我免費分享給大家。。

一、HTML/CSS3 部分

前端概念總覽、vscode開發工具使用、markdown文檔工具使用、瀏覽器平臺環境、標簽基礎、DTD與META

語義化、選擇器、權重與優先級、匹配規則、浮動與清除、BFC、類名組合規則、SEO前端技巧、定位、疊加技巧、

偽類、偽元素、盒子模型、代碼規范、性能優化、渲染原理、CSS Sprites 、 iconfont字體圖標、布局思路、布局定式

css3動畫、 css3選擇器、 css3過渡、flex布局、背景漸變、css3實用動效、3D模塊、css3變量、em/rem/vw

企業內部多頁面項目實戰（非仿站）有完整PSD與切圖

二、JavaScript 部分

JavaScript概念、基礎認知、發展歷史、應用范圍、優缺點。

ECMAScript

語言概覽、語句語法、數據類型、運算符、隱式轉換、運算規則、控制流程、作用域、作用域鏈、作用域解析、js解釋引擎、字符串屬性方法、for of/for in

數組屬性方法、對象、廣義對象概念、對象特性、存儲機制、深拷貝、對象實際應用、工廠模式、構造函數、原型、原型鏈、原型指向、封裝、

多種繼承、包裝對象、this、this指向、js數據處理、垃圾GC、閉包原理與應用、debug方法論、瀏覽器控制臺工具應用、面向對象開發、函數式開發、

純函數、遞歸函數、回調函數、組合函數、緩存函數、柯里化函數、偏函數、函數防抖與節流、高級函數、IIFE函數、模塊化、

數學對象、高級數組方法（reduce、filter、map、every、some、forEach、find、findIndex、include）等、

高級對象方法（entires、defineProperty、freeze、fromEntries、assign、keys、create、hasOwnProperty）等

this通過bind、call、apply指向偏移、同步與異步、閉包模塊化、數據形變處理、性能處理

DOM/BOM

DOM對象與方法、節點與遍歷樹、DOM選擇器、DOM節點增刪改查、DOM樣式操作、DOM位置獲取與偏移、DOM對象與標簽區別、DOM虛擬化、DOM事件、

Event對象、定時器與監聽器、事件委托、事件代理、事件分流、事件冒泡、默認行為、事件捕獲、防抖、節流、滾動、鍵盤行為、事件降頻、行為鎖機制、

拖拽模組、碰撞檢測、距離判斷、三角函數、方向判斷、運動框架、彈性運動、重力加速度、DOM樹、CSSOM樹、渲染解析、加載、回流、重繪、瀏覽器線程與阻塞。

BOM深入、window對象、navigator、history、screen、location、spa概念、本地傳參、日期對象使用、日期格式化封裝、隨機封裝、DOM分片容器

JS業務應用擴展

JSON對象、數據解析、JSON方法、模板渲染、緩存懶加載、正則表達式RegExp、元字符、修飾符、正向預查、貪婪模式、replace方法、分組與不分組、test、match與exec

正則庫封裝、表單校驗、圖片預存懶加載、自定義封裝滾動組件、多重輪播（循環、視差、旋轉木馬）、選項卡切換、樓梯導航、吸頂導航、拖拽導航 、

JavaScript編碼風格指南、console應用技巧

ECMAScript5 --- ECMAScript9擴展

版本解讀、應用環境、let、const、解構賦值、箭頭函數、對象解構、reset參數解構、class、set、get、extends、super、static、private實現、symbol、promise、proxy代理攔截、async/await

對象新增API、數組新增API、字符串新增API、原型屬性、對象修飾、代理攔截、鏈式詢問、空值合并運算符、泡泡龍面向對象游戲開發

三、HTML5 / 移動端開發 部分

HTML5標簽與API

HTML5概念、定義、新增特性、DTD對比、新增H5標簽、新增語義化H5標簽、H5表單

H5拖拽事件 video、audio、fullScreen、FileReader文件流、Blob對象、sessionStorage、localStorage、

網絡狀態、頁面生命周期、網頁狀態監聽、地理信息與定位、canvas畫布、worker多線程、Notifications桌面通知

播放器開發 canvas交互特效開發

移動端適配/事件

移動端適配概念、尺寸與分辨率原理、PPI與DPI計算、DIP與DPR設備像素概念、視口viewport概念、布局視口、視覺視口、理想視口

視口適配方案（Meta viewport）縮放設置 、screen窗口大小API、媒體查詢@media、rem適配、vw vh適配

移動端適配方案、flexible rem方案、 vh vw方案 、復合方案、高清適配方案、移動端字體縮放解決、1px邊框問題解決、半像素線

圖片高清適配、image-set、srcset、js拼接URL技巧、IPhonex劉海屏適配、安全區域、fit與env

Meta權限管理、兼容優化、IOS頭部底部閃屏回退輸入框問題、輸入法空格問題、默認首字母大寫問題、滑動卡頓問題等

終端樣式美化與訪問判斷

Touch事件組封裝、click延遲處理、FastClick使用、禁用縮放設置理想視口

常用類庫/工具

jquery: 元素選擇、增刪改差、事件處理、位置獲取、動畫過渡、高級方法、特效應用

zepto：移動端的jquery、DOM操作、移動端事件、click延遲處理、touch事件組

基礎UI庫: layerUI 、easyUI、bootStrap、UI模塊化、UI庫使用技巧、文檔解讀、案例調試、表單系統

iScroll、touchjs等移動端事件庫使用

swiper：移動端網站觸摸滑動、輪播圖插件、模塊化應用、源碼解讀

art-template: 模板引擎 模板語法、渲染方法、原生模板引擎實現

CSS預處理：sass、less使用 stylus深入學習 、預處理語法、css編程、 Minxin 、預處理函數、繼承、嵌套

vscode高級插件與配置 liveserver sass

模板化應用 、預處理應用

date-picker移動端原生組件開發

需求分析、業務規則、技術棧選型、文件輸出規則、技術分析

MVC模型概念與設計、業務邏輯分類

view層適配方案 原型布局搭建 模板化生成

工具函數開發、面向對象式業務設計 功能類日期對象開發

交互業務封裝 模塊對接 優化設計 面向對象高級程序設計

四、Nodejs與工程化開發 部分

Node原生基礎

Node基礎概念、NPM命令、V8引擎概念、JavaScript模塊化 CMD AMD UMD、EventLoop事件循環、同步異步、 阻塞非阻塞 、任務隊列、宏任務、微任務、

原生Node模塊、核心模塊與require、module、觸發器events與path模塊、fs模塊、Buffer對象、URL模塊、HTTP模塊 、stream流

Node原生封裝HTTP與文件服務器

Node框架

express框架使用、中間件、核心對象、路由配置、模板引擎、數據腳本、Router核心、CORS配置、錯誤處理、校驗封裝、PM2管理、nodemoon管理

MORGAN日志處理、查詢正則捕獲、中間件開發、bodyParse等第三方中間件使用 、文件流上傳下載、文件流切分

webpack工程化構建

工程化概念、工程化工具介紹、webpack基礎知識、webpack配置與運行、plugin插件、loader使用、入口出口配置、模塊modules、依賴處理、dev Server

target 、文件切分、build打包、熱處理、package管理、性能優化、測試處理 、第三方插件使用、babel等

前后端數據交互

HTTP通信交互原理、請求響應、MIME、URI地址、報文解析、端口、報文流、測試監聽抓包、TCP/IP握手機制、網絡業務模型

代理、緩存、網關、隧道等概念、method與請求頭分類

基礎XMLHTTPRequest對象方法屬性、方法、ajax異步交互 、同源策略原理

原生js封裝ajax交互、 jquery的ajax封裝交互、jsonp跨域處理、cors跨域處理、攜帶cookie與跨域處理、代理服務器跨域處理、

cookie驗證與通信 、axios庫的使用 代理、封裝、攔截、合并、二次封裝

通信加密策略、數據對稱加密、數據非對稱加密、RSA加密實踐、MD5加密實踐

登錄注冊與鑒權機制、Authenticity認證、Token認證、JWT認證、session狀態管理、 oauth認證

RESTful接口設計

RESTful設計原則、狀態碼設計與規范、服務器響應規則與格式、前后端接口協議制定、傳統RESTful改進

API設計規范、 資源定位、JSON模式、合約說明、資源標識符、緩存友好API、HTTP頭管理、文檔定義、松耦合原則、一致性、重用、穩定性原則

數據庫存儲

MongoDB基礎概念、NoSQL與SQL、CAP定理、RDBMS、MongoDB語法、指令、監控與GUI、MongoDb驅動、Mongoose應用

數據庫創建、集合增刪改查、文檔增刪改查、數據庫查詢、高級查詢操作、通道查詢、多條件查詢、反向篩選、索引處理、aggregate聚合管道、

validation驗證、population聯表、middleware中間件處理、查詢ERROR類二次封裝

博客后臺項目實戰

數據庫設計、服務端路由搭建、接口設計與API管理、通信交互管道封裝、注冊登錄、路由導航、前端路由管理、權限管理、用戶管理、分類管理、標簽管理

、文章管理、模塊化功能封裝、校驗庫封裝、promise鏈式行為封裝、

異步模塊處理、SPA單頁面應用初級實現、原生集中行為控制器、模板化+模塊化+預處理+工程化實現前端頁面

組件化封裝

組件化基礎概念、組件設計原則、組件封裝、組件耦合與解耦、工程化+模板化+模塊化實現原生組件化功能、

五、Vue框架部分

vue基礎

vue開發準備、工具與插件、mvc mvp mvvm設計理念、原生js實現MVVM核心框架、vue設計模式、生命周期、命令與屬性、組件化

數據驅動與雙向綁定、虛擬DOM概念原理、模板語法、條件與列表、數組監測、計算屬性、事件處理、修飾與表單、監聽器、過濾器、

methods watch computed filter對比、組件化開發、動態組件、組件通信、高級組件通信、插槽、vue動畫 、實例對象、set、get、nextTick、vue插件

vue工程化

Babel、webpack配置vue、vue單文件組件、vue-cli、工程平臺處理、postCss、animate、core、socket、lodash工具、vue-cli插件、preset、靜態資源處理、

環境變量與膜還是切換、工程化部署、工程構建

vue Router

vue路由概念、嵌套路由、路由視圖、動態路由、路由匹配、編程式導航、history、hash模式管理、命名視圖、重定向與別名、導航守衛、路由元信息、滾動與懶加載、導航故障處理

vuex

vuex核心概念、EventBus對比、狀態管理模式、Store、state、getter、mutation、action、moudule

vuex輔助函數與API功能、vuex環境選擇、vuex模塊化處理規則與技巧、對象風格提交方式、模塊重用等

vue項目實戰

vue博客項目實戰 PC + 移動端、 elementUI、vantUI、websocket聊天室、虛擬人偶、vueScroll、store、qs、nprogress、editor、

文章分類、詞云效果、spa單頁面應用、移動PC無縫切換、完整注冊登錄、vue加密鑒權、http封裝管理、錯誤處理封裝、vuex核心狀態管理、本地存儲狀態更新、令牌處理、

文章富文本編輯、點贊、收藏、訪問、評論、組件封裝、組件復用、組件混合、高級組件開發、復合性組件通信、vue中處理原生DOM行為、vue常見錯誤處理、

重置vue數據響應、個人信息修改、頭像上傳、通知組件封裝、postcss應用、項目打包優化