目 錄

模塊 1 網(wǎng)站開(kāi)發(fā)概述
任務(wù) 1.1 了解網(wǎng)站開(kāi)發(fā)的概念
1.1.1 Web 標(biāo)準(zhǔn)
1.1.2 HTML 文檔
1.1.3 網(wǎng)站開(kāi)發(fā)環(huán)境任務(wù) 1.2 顯示圖文信息
1.2.1 簡(jiǎn)單HTML 標(biāo)簽
1.2.2 圖像標(biāo)簽
1.2.3 超鏈接標(biāo)簽?zāi)�塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 2 CSS 基礎(chǔ)
任務(wù) 2.1 設(shè)計(jì)收貨地址表單樣式
2.1.1 CSS 語(yǔ)法規(guī)則
2.1.2 簡(jiǎn)單CSS 屬性
2.1.3 簡(jiǎn)單選擇器
任務(wù) 2.2 設(shè)計(jì)移動(dòng)網(wǎng)頁(yè)布局
2.2.1 Flex 彈性布局概述
2.2..2 容器屬性
2.2.3 項(xiàng)目屬性模塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 3 JavaScript 基礎(chǔ)
任務(wù) 3.1 學(xué)習(xí)JavaScript 數(shù)據(jù)類型
3.1.1 JavaScript 基本語(yǔ)法
3.1.2 變量、常量與運(yùn)算符
3.1.3 JavaScript 數(shù)組
3.1.4 對(duì)象
任務(wù) 3.2 學(xué)習(xí)JavaScript 程序結(jié)構(gòu)
3.2.1 程序結(jié)構(gòu)
3.2.2 函數(shù)

3.2.3 ES6 語(yǔ)法模塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 4 Vue 實(shí)例
任務(wù) 4.1 了解 Vue 基礎(chǔ)知識(shí)
4.1.1 前端開(kāi)發(fā)概述
4.1.2 什么是 Vue
4.1.3 Vue 的優(yōu)勢(shì)
任務(wù) 4.2 開(kāi)發(fā)簡(jiǎn)單 Vue 項(xiàng)目
4.2.1 創(chuàng)建 Vue 實(shí)例
4.2.2 根元素選項(xiàng)（el）
4.2.3 數(shù)據(jù)選項(xiàng)（data） 任務(wù) 4.3 設(shè)計(jì)數(shù)據(jù)編碼器
4.3.1 過(guò)濾選項(xiàng)（filters）
4.3.2 方法選項(xiàng)（methods） 任務(wù) 4.4 編寫(xiě)模擬購(gòu)物車
4.4.1 計(jì)算選項(xiàng)（computed）
4.4.2 狀態(tài)監(jiān)聽(tīng)選項(xiàng)（watch） 任務(wù) 4.5 學(xué)習(xí) Vue 生命周期
4.5.1 生命周期概述
4.5.2 生命周期事件
4.5.3 Vue 實(shí)例方法與屬性模塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 5 Vue 指令
任務(wù) 5.1 開(kāi)發(fā)用戶注冊(cè)程序
5.1.1 v-text 指令
5.1.2 v-html 指令
5.1.3 v-model 指令
5.1.4 v-if/v-else 和v-show 指令任務(wù) 5.2 開(kāi)發(fā)用戶登錄程序
5.2.1 v-bind 指令

5.2.2 v-bind 與filters 選項(xiàng)
5.2.3 Class 與Style 綁定任務(wù) 5.3 設(shè)計(jì)電子商務(wù)購(gòu)物車
5.3.1 v-for 指令
5.3.2 v-on 指令
5.3.3 v-on 指令修飾符模塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 6 Vue 自定義組件
任務(wù) 6.1 設(shè)計(jì)計(jì)分器組件
6.1.1 組件概述
6.1.2 組件注冊(cè)
6.1.3 組件模板
任務(wù) 6.2 編寫(xiě)搜索框組件
6.2.1 props 選項(xiàng)
6.2.2 插槽元素（） 任務(wù) 6.3 開(kāi)發(fā)管理用戶組件
6.3.1 監(jiān)聽(tīng)子組件事件
6.3.2 動(dòng)態(tài)組件
6.3.3 組件過(guò)渡模塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 7 Vue 路由
任務(wù) 7.1 設(shè)計(jì)簡(jiǎn)單頁(yè)面導(dǎo)航
7.1.1 單頁(yè)面應(yīng)用
7.1.2 路由視圖（）
7.1.3 路由管理器
7.1.4 路由鏈接（） 任務(wù) 7.2 傳遞參數(shù)給頁(yè)面
7.2.1 路由對(duì)象
7.2.2 query 方式參數(shù)傳遞
7.2.3 params 方式參數(shù)傳遞

任務(wù) 7.3 設(shè)計(jì)實(shí)用頁(yè)面導(dǎo)航
7.3.1 嵌套路由父級(jí)設(shè)計(jì)
7.3.2 嵌套路由子級(jí)設(shè)計(jì)模塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 8 Vue CLI
任務(wù) 8.1 了解CLI 基礎(chǔ)知識(shí)
8.1.1 Vue CLI 的特點(diǎn)
8.1.2 CLI 安裝
8.1.3 Git-Bash 命令行工具任務(wù) 8.2 創(chuàng)建CLI 項(xiàng)目
8.2.1 命令行創(chuàng)建與項(xiàng)目運(yùn)行
8.2.2 HBuilderX 環(huán)境創(chuàng)建與項(xiàng)目運(yùn)行任務(wù) 8.3 實(shí)戰(zhàn)CLI 項(xiàng)目
8.3.1 單文件組件
8.3.2 簡(jiǎn)單vue 項(xiàng)目index 文件分析
8.3.3 導(dǎo)入與導(dǎo)出語(yǔ)句
8.3.4 CLI 項(xiàng)目結(jié)構(gòu)分析
任務(wù) 8.4 開(kāi)發(fā)用戶管理CLI 項(xiàng)目
8.4.1 CLI 插件
8.4.2 安裝插件
8.4.3 使用BootStrap
模塊小結(jié)習(xí)題
實(shí)訓(xùn)
模塊 9 uni-app 開(kāi)發(fā)
任務(wù) 9.1 設(shè)計(jì)底部導(dǎo)航
9.1.1 uni-app 開(kāi)發(fā)概述
9.1.2 pages.json 文件
9.1.1 view 視圖
任務(wù) 9.2 設(shè)計(jì)網(wǎng)頁(yè)內(nèi)容
9.2.1 scroll-view 可滾動(dòng)視圖
9.2.2 image 圖片

9.2.3 navigator 路由任務(wù) 9.3 設(shè)計(jì)輪播圖
9.3.1 swiper 滑塊視圖容器
9.3.2 swiper-item 滑塊選項(xiàng)任務(wù) 9.4 設(shè)計(jì)可拖動(dòng)選項(xiàng)卡
9.4.1 movable-view 可移動(dòng)視圖
9.4.2 web-view 瀏覽器
9.4.3 tabBar 標(biāo)簽?zāi)�塊小結(jié)
習(xí)題實(shí)訓(xùn)
模塊 10 uView 插件
任務(wù) 10.1 使用uView
10.1.1 uView 概述
10.1.2 安裝與配置uView
10.1.3 使用 Toast 組件任務(wù) 10.2 填寫(xiě)收貨地址信息
10.2.1 Form 表單
10.2.2 Form-item 表單域
10.2.3 Input 輸入框
10.2.4 Picker 選擇器
10.2.5 Select 列選擇器
10.2.6 Switch 開(kāi)關(guān)選擇器
10.2.7 表單驗(yàn)證任務(wù) 10.3 查看訂單
10.3.1 Tabs-Swiper 全屏選項(xiàng)卡
10.3.2 LoadMore 加載更多
10.3.3 Icon 圖標(biāo)
任務(wù) 10.4 編寫(xiě)天氣服務(wù)
10.4.1 Http 請(qǐng)求
10.4.2 Search 搜索框模塊小結(jié)
習(xí)題實(shí)訓(xùn)