升級說明
主要內容
可解決的現實問題
可掌握的核心能力-
DAY 1
node.js 中如何實現模塊化
前端模塊化規范的分類
ES6 模塊化規范介紹
node.js ES6 模塊化體驗
ES6 模塊化的基本語法
異步編程—Promise
異步編程—async/await
異步編程—EventLoop
宏任務和微任務
API 接口案例解決的問題 ? 如何使用 ES6 的模塊化語法
? 如何使用 Promise 解決回調地獄的問題
? 如何使用 async/await 簡化 Promise 的調用
? 了解 EventLoop
? 了解宏任務和微任務的執行順序 -
DAY 2
前端工程化的概念與優勢
前端工程化的解決方案
webpack 的基本使用
創建列表隔行變色的項目
webpack 中的插件
webpack 中的 loader
配置 webpack 的打包發布
了解企業級項目的打包發布
開發環境下的 Source Map
Source Map 的最佳實踐解決的問題 ? 了解前端工程化
? webpack 的作用
? webpack 的基本使用
? plugin 的基本使用
? loader 的基本使用
? Source Map 的作用 -
DAY 3
vue 的特性
vue 的基本使用步驟
vue-devtools
模板語法
$evnet 事件參數
表單輸入綁定
v-if、v-else、v-else-if
列表渲染
全局過濾器
品牌列表案例解決的問題 ? vue 的基本使用步驟
? 插值表達式和 v-bind 指令的用法
? 如何使用 v-on 指令綁定事件
? 使用 v-model 指令實現數據的雙向綁定
? 使用 v-if 和 v-else 指令實現條件渲染
? 使用 v-for 指令實現列表數據的循環渲染 -
DAY 4
單頁面應用程序的特點
如何創建 vue 的 SPA 項目
vite 項目創建及結構梳理
vite 項目的運行流程
vue 中的組件化開發
vue 組件的構成
組件的注冊
組件的 props
樣式綁定
TabBar 案例解決的問題 ? 了解單頁面應用程序及組件化開發
? 了解 .vue 單文件組件的組成部分
? 如何注冊 vue 的組件
? 如何聲明組件的 props 屬性
? 如何在組件中進行樣式綁定 -
DAY 5
props 基礎類型檢查
props 必填項校驗
自定義驗證函數
計算屬性的使用注意點
緩存計算結果
計算屬性 vs 方法
自定義事件介紹
自定義事件編寫
v-model 應用場景
任務列表案例解決的問題 ? 如何對 props 進行驗證
? 如何使用計算屬性
? 如何為組件自定義事件
? 如何在組件上使用 v-mode -
DAY 6
watch 偵聽器的基本語法
監聽對象中單個屬性的變化
計算屬性 vs 偵聽器
生命周期介紹
生命周期函數的分類
組件創建、運行、銷毀階段
組件之間的數據共享
provide 響應式數據
vue3.x 中全局配置 axios
購物車案例解決的問題 ? watch 偵聽器的基本使用
? vue 中常用的生命周期函數
? 如何實現組件之間的數據共享
? 如何在 vue3.x 的項目中全局配置 axios -
DAY 7
ref 引用介紹
ref 引用 DOM 元素應用
ref 引用組件實例
component 元素
keep-alive 元素
插槽的基本使用
具名插槽
自定義指令的分類
update 函數
Table 表格案例解決的問題 ? 如何使用 ref 引用 DOM 和組件實例
? $nextTick 的調用時機
? keep-alive 元素的作用
? 插槽的基本用法
? 如何實現自定義指令 -
DAY 8
前端、后端路由
SPA 與前端路由
實現簡易的前端路由
vue-router 的介紹
vue-router 4.x 的使用步驟
嵌套路由
動態路由匹配
編程式導航
導航守衛
后臺管理案例解決的問題 ? 前端路由工作的過程
? 如何在 vue 中配置路由
? 如何使用嵌套路由
? 如何實現動態路由匹配
? 如何使用編程式導航
? 如何使用導航守衛 -
DAY 9
vue-cli的安裝
vue-cli項目創建
項目結構與源碼梳理
vue2.x 項目路由應用
組件庫的概念
element-ui 的安裝預配置
element-ui 常見組件
axios的安裝與配置
proxy 跨域接口代理
用戶列表案例解決的問題 ? 如何使用 vue-cli 創建 vue 項目
? 如何在項目中安裝與配置 element-ui
? element-ui 中常見組件的用法
? 如何配置 proxy 接口代理
項目實戰天數 ≥9天
頁面數量≥ 8個
主業務類型數≥ 6個
解決方案數量≥ 8個
接口數量≥ 30個
項目開發驗收27項考核指標
功能實現
業務流程
UI/UE實現
代碼質量
接口/性能
……
課程質量驗收15項考核指標
技術應用合理性
技術前沿性
技術深度
課程銜接合理性
引導式教學應用程度
……
研發效率驗收3項考核指標
進度
成本
變更頻率
……
用戶驗收17項考核指標
課程導入吸引度
授課語言感染力
課程趣味性
教學結果
課程吸收度
……
