前言

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

學(xué)習(xí)路線

第一階段：網(wǎng)頁制作

HTML：常用標(biāo)簽，錨點(diǎn)，列表標(biāo)簽，表單標(biāo)簽，表格標(biāo)簽，標(biāo)簽分類，標(biāo)簽語義化，注釋，字符實(shí)體

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

第二階段：JavaScript動態(tài)交互

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

JavaScript進(jìn)階：JavaScript DOM基礎(chǔ)，this，事件，事件流，JavaScriptBOM基礎(chǔ)，call&apply&bind，自定義屬性，面向?qū)ο缶幊?/p>

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

JavaScript高階：閉包，立即執(zhí)行函數(shù)，惰性函數(shù)，插件開發(fā)，多人協(xié)作，深復(fù)制與淺復(fù)制，數(shù)組扁平化，遞歸，正則表達(dá)式全解，函數(shù)防抖，函數(shù)節(jié)流

第三階段：移動端開發(fā)技術(shù)實(shí)戰(zhàn)

HTML5：HTML5簡介，HTML5新語法，HTML5新語義化標(biāo)簽，HTML5新表單元素屬性，HTML5新手機(jī)端新事件處理，HTML5新增多媒體實(shí)戰(zhàn)，本地存儲，Canvas，HTML5地理組件GeoLocation

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

Bootstrap：響應(yīng)式，媒體查詢，柵格系統(tǒng)，柵格參數(shù)，組合模式，列偏移/列排序/自動列，列對齊/列嵌套，文本與顏色，按鈕，導(dǎo)航，圖文混排，模態(tài)框，輪播圖

移動端開發(fā)：移動端簡介，移動端視口約束，移動端flex移動端實(shí)踐，rem，vw，flexible企業(yè)級實(shí)戰(zhàn)

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

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

jQuery：jQuery介紹，jQuery鏈?zhǔn)秸Z法，jQuery選擇器，jQuery核心，jQuery工具，jQuery事件，jQuery事件對象，jQuery特效，jQuery回調(diào)函數(shù)，jQuery文檔處理，jQuery篩選，jQuery屬性，jQueryCSS

Echarts：Echarts概述，Echarts使用，坐標(biāo)系，雷達(dá)圖/餅狀圖/折線圖

第五階段：企業(yè)級高級WEB架構(gòu)開發(fā)

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

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

微信小程序：uni-app，mpvue，微信小程序注冊，APPID申請，生命周期，小程序調(diào)試，微信小程序框架組件，微信小程序布局框架，微信小程序條件渲染和列表渲染，媒體組件audio，視圖容器，網(wǎng)絡(luò)api，相機(jī)api，地圖api

---

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

主要內(nèi)容包括html，css，html5，css3，JavaScript，正則表達(dá)式，函數(shù)，BOM，DOM，jQuery，AJAX，vue 等等。需要可以看文末領(lǐng)取完整版【95頁】初級前端模塊筆記和前端學(xué)習(xí)路線圖。

html/css

• html基本結(jié)構(gòu)
• 標(biāo)簽屬性
• 事件屬性
• 文本標(biāo)簽
• 多媒體標(biāo)簽
• 列表 / 表格 / 表單標(biāo)簽
• 其他語義化標(biāo)簽
• 網(wǎng)頁結(jié)構(gòu)
• 模塊劃分
• CSS代碼語法
• CSS 放置位置
• CSS的繼承
• 選擇器的種類/優(yōu)先級
• 背景樣式
• 字體樣式
• 文本屬性
• 基本樣式
• 樣式重置
• 盒模型樣式
• 浮動float
• 定位position
• 瀏覽器默認(rèn)樣式

html5/css3

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

JavaScript

• JavaScript基礎(chǔ)
• JavaScript數(shù)據(jù)類型
• 算術(shù)運(yùn)算
• 強(qiáng)制轉(zhuǎn)換
• 賦值運(yùn)算
• 關(guān)系運(yùn)算
• 邏輯運(yùn)算
• 三元運(yùn)算
• 分支循環(huán)
• switch
• while
• do-while
• for
• break和continue
• 數(shù)組
• 數(shù)組方法
• 二維數(shù)組
• 字符串

正則表達(dá)式

• 創(chuàng)建正則表達(dá)式
• 元字符
• 模式修飾符
• 正則方法
• 支持正則的 String方法

js對象

• 定義對象
• 對象的數(shù)據(jù)訪問
• JSON
• 內(nèi)置對象
• Math 方法
• Date 方法

面向?qū)ο笫且环N編程思想

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

常用的JavaScript設(shè)計模式

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

函數(shù)

• 函數(shù)的定義
• 局部變量和全局變量
• 返回值
• 匿名函數(shù)
• 自運(yùn)行函數(shù)
• 閉包

BOM

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

DOM

• DOM對象方法
• 操作DOM間的關(guān)系
• DOM節(jié)點(diǎn)屬性

事件

• 事件分類
• 事件對象
• 事件流
• 事件目標(biāo)
• 事件委派(delegate)
• 事件監(jiān)聽

jQuery

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

AJAX

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

HTTP

• HTTP消息結(jié)構(gòu)
• url請求過程

性能優(yōu)化

• JavaScript代碼優(yōu)化
• 提升文件加載速度

webpack

• webpack的特點(diǎn)
• webpack的缺點(diǎn)
• 安裝
• webpack基本應(yīng)用
• 配置文件入門

vue

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

最后

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

《前端基礎(chǔ)面試題》，《前端校招面試題精編解析大全》，《前端面試題寶典》，《前端面試題：常用算法》PDF完整版點(diǎn)擊這里免費(fèi)領(lǐng)取

察方式和知識點(diǎn)，做到心中有數(shù)，也可以用來自查及完善知識體系。

《前端基礎(chǔ)面試題》，《前端校招面試題精編解析大全》，《前端面試題寶典》，《前端面試題：常用算法》PDF完整版點(diǎn)擊這里免費(fèi)領(lǐng)取

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

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

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

總結(jié)

以上是生活随笔為你收集整理的HTML列表标签，讲的明明白白！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。