前言

過完年了，準備實習的你是已經在實習了，還是已經辭職回家過年，準備年后重新找工作呢，又或者是準備2021年春招？
那么還沒沒踏出校門或者是剛出校門沒多久的同學們該如何準備前端校招的面試呢？

學習路線

第一階段：網頁制作

HTML：常用標簽，錨點，列表標簽，表單標簽，表格標簽，標簽分類，標簽語義化，注釋，字符實體

CSS：CSS介紹，全局樣式，行內樣式，內聯樣式，選擇器，字體樣式值，文本樣式值，顏色樣式值，盒模型，控制臺使用，清除默認樣式，盒模型居中，外部距塌陷，標準文檔流，塊元素，行內元素，行內塊元素，多種偽類元素，浮動，定位

第二階段：JavaScript動態交互

JavaScript初階：變量與運算符，邏輯控制，Math類，函數，Object類，定時器，Array類，String類，Date類

JavaScript進階：JavaScript DOM基礎，this，事件，事件流，JavaScriptBOM基礎，call&apply&bind，自定義屬性，面向對象編程

ES6/7/8/9：ECMAScript6簡介，let和const，ES6+的作用域，對象的擴展，函數的擴展，字符串的擴展，Symbol，Set&Map，Promise對象，async&awiat，箭頭函數，模板字符串，rest參數，Class，Module模塊

JavaScript高階：閉包，立即執行函數，惰性函數，插件開發，多人協作，深復制與淺復制，數組扁平化，遞歸，正則表達式全解，函數防抖，函數節流

第三階段：移動端開發技術實戰

HTML5：HTML5簡介，HTML5新語法，HTML5新語義化標簽，HTML5新表單元素屬性，HTML5新手機端新事件處理，HTML5新增多媒體實戰，本地存儲，Canvas，HTML5地理組件GeoLocation

CSS3：CSS3新增屬性，圓角制作企業級方案，CSS3背景屬性，過渡動畫 transition，變化屬性 transform，特效輪播圖實戰，企業級flex布局實戰，grid布局實戰

Bootstrap：響應式，媒體查詢，柵格系統，柵格參數，組合模式，列偏移/列排序/自動列，列對齊/列嵌套，文本與顏色，按鈕，導航，圖文混排，模態框，輪播圖

移動端開發：移動端簡介，移動端視口約束，移動端flex移動端實踐，rem，vw，flexible企業級實戰

第四階段：前后端分離技術及常用庫類

Ajax：AJAX簡介，AJAX作用，封裝AJAX，創建XMLhttpRquest對象，同步和異步，AJAX分頁

jQuery：jQuery介紹，jQuery鏈式語法，jQuery選擇器，jQuery核心，jQuery工具，jQuery事件，jQuery事件對象，jQuery特效，jQuery回調函數，jQuery文檔處理，jQuery篩選，jQuery屬性，jQueryCSS

Echarts：Echarts概述，Echarts使用，坐標系，雷達圖/餅狀圖/折線圖

第五階段：企業級高級WEB架構開發

Webpack：Webpack的安裝和使用，項目模塊打包，靜態打包模塊器，Webpack入口，Webpack輸出，Webpack插件，webpack模塊

Vue：Vue使用，Vue響應式，Vue雙向數據綁定，Vue相關指令，vue-resource，axios，template選項，Vue生命周期，Vue組件，自定義指令，過濾器，computed屬性，Vue-cli 2.x和3.x 腳手架配置，Vue-router，Vuex，Element UI

微信小程序：uni-app，mpvue，微信小程序注冊，APPID申請，生命周期，小程序調試，微信小程序框架組件，微信小程序布局框架，微信小程序條件渲染和列表渲染，媒體組件audio，視圖容器，網絡api，相機api，地圖api

---

【95頁】初級前端模塊筆記

主要內容包括html，css，html5，css3，JavaScript，正則表達式，函數，BOM，DOM，jQuery，AJAX，vue 等等。需要可以看文末領取完整版【95頁】初級前端模塊筆記和前端學習路線圖。

html/css

• html基本結構
• 標簽屬性
• 事件屬性
• 文本標簽
• 多媒體標簽
• 列表 / 表格 / 表單標簽
• 其他語義化標簽
• 網頁結構
• 模塊劃分
• CSS代碼語法
• CSS 放置位置
• CSS的繼承
• 選擇器的種類/優先級
• 背景樣式
• 字體樣式
• 文本屬性
• 基本樣式
• 樣式重置
• 盒模型樣式
• 浮動float
• 定位position
• 瀏覽器默認樣式

html5/css3

• HTML5 的優勢
• HTML5 廢棄元素
• HTML5 新增元素
• HTML5 表單相關元素和屬性
• CSS3 新增選擇器
• CSS3 新增屬性
• 新增變形動畫屬性
• 3D變形屬性
• CSS3 的過渡屬性
• CSS3 的動畫屬性
• CSS3 新增多列屬性
• CSS3新增單位
• 彈性盒模型

JavaScript

• JavaScript基礎
• JavaScript數據類型
• 算術運算
• 強制轉換
• 賦值運算
• 關系運算
• 邏輯運算
• 三元運算
• 分支循環
• switch
• while
• do-while
• for
• break和continue
• 數組
• 數組方法
• 二維數組
• 字符串

正則表達式

• 創建正則表達式
• 元字符
• 模式修飾符
• 正則方法
• 支持正則的 String方法

js對象

• 定義對象
• 對象的數據訪問
• JSON
• 內置對象
• Math 方法
• Date 方法

面向對象是一種編程思想

• 定義對象
• 原型和原型鏈
• 原型鏈
• 原型

常用的JavaScript設計模式

• 單體模式
• 工廠模式
• 例模式

函數

• 函數的定義
• 局部變量和全局變量
• 返回值
• 匿名函數
• 自運行函數
• 閉包

BOM

• BOM概述
• window方法
• frames [ ] 框架集
• history 歷史記錄
• location 定位
• navigator 導航
• screen 屏幕
• document 文檔

DOM

• DOM對象方法
• 操作DOM間的關系
• DOM節點屬性

事件

• 事件分類
• 事件對象
• 事件流
• 事件目標
• 事件委派(delegate)
• 事件監聽

jQuery

• jQuery 選擇器
• 屬性選擇器
• 位置選擇器
• 后代選擇器
• 子代選擇器
• 選擇器對象
• 子元素
• DOM操作
• JQuery 事件
• 容器適應
• 標簽樣式操作
• 滑動
• 自定義動畫

AJAX

• 工作原理
• XMLHttpRequest對象
• XML和HTML的區別
• get() 和post()

HTTP

• HTTP消息結構
• url請求過程

性能優化

• JavaScript代碼優化
• 提升文件加載速度

webpack

• webpack的特點
• webpack的缺點
• 安裝
• webpack基本應用
• 配置文件入門

vue

• MVC模式
• MVVM模式
• 基礎語法
• 實例屬性/方法
• 生命周期
• 計算屬性
• 數組的更新檢查
• 事件對象
• Vue組件
• 路由使用
• 路由導航
• 嵌套路由
• 命名視圖

最后

整理面試題，不是讓大家去只刷面試題，而是熟悉目前實際面試中常見的考察方式和知識點，做到心中有數，也可以用來自查及完善知識體系。

《前端基礎面試題》，《前端校招面試題精編解析大全》，《前端面試題寶典》，《前端面試題：常用算法》PDF完整版點擊這里免費領取

察方式和知識點，做到心中有數，也可以用來自查及完善知識體系。

《前端基礎面試題》，《前端校招面試題精編解析大全》，《前端面試題寶典》，《前端面試題：常用算法》PDF完整版點擊這里免費領取

[外鏈圖片轉存中…(img-ABZf5ggr-1623152789975)]

[外鏈圖片轉存中…(img-sazrbVlY-1623152789976)]

[外鏈圖片轉存中…(img-hTFiqDuv-1623152789977)]