高清无码视频直接看,日本无码色情三级播放,大桥未久亚洲无av码在线,免费人成视频在线播放,国产亚洲精品久久久久久大师

課程大綱：

Vue.js 和 Django 仿(fang)簡易版樓網站培訓

使用 Vue.js 來(lai)實現樓的(de)部分頁面克隆。

首先(xian)，我們將接觸(chu)調試代(dai)碼，使用(yong) Chrome 分(fen)析網絡逆(ni)向分(fen)析出樓 API，繞過跨域限(xian)制。

然后(hou)再從基礎靜態頁開始，分(fen)析布局(ju)整(zheng)理樣(yang)式到(dao)終完整(zheng)實現(xian)。

1 Chrome 調試工(gong)具的(de)使(shi)用

2 axios 庫(ku)配(pei)置使用

3 Vue-router 路(lu)由管理

4 前后端跨域解決方(fang)案

5 Vue-CLI 初始(shi)化項(xiang)目

6 Vuex 全局(ju)狀(zhuang)態管理

7 Vue 通用組件(jian)設計(ji)

8 webpack 打包發(fa)布

1
環境搭(da)建

1.Vuecli簡介

2.Vuecli創建基礎(chu)項(xiang)目

3.使用Django搭建(jian)API轉發

4.跨域簡述

5.Vue開(kai)發環境(jing)跨域(yu)配(pei)置

6.項目結構

2
使(shi)用(yong) Chrome 分析樓 API

1.Chrome前(qian)端分析工具(ju)簡(jian)介(jie)

2.Chrome前端(duan)分析(xi)工(gong)具使用(yong)

3.Element模塊(kuai)介(jie)紹

4.Console模塊(kuai)介紹及使用(yong)

5.Source模(mo)塊介紹(shao)及使用

6.Network模塊介紹(shao)及使用(yong)

7.Performance模(mo)塊介紹及(ji)使用

8.Application模塊介(jie)紹(shao)及使用

1
使用 Chrome 抓取首頁 API

1.使用Chrome分(fen)析

2.Network模塊查看分析

3.SSR渲染下(xia)的API獲取(qu)

3
配置項目路由

1.VueRouter使用

2.HASH和HISTORY模式

3.鉤子使用

4.組件懶加載

4
編寫樓(lou)首頁(ye)（上）

1.使用(yong)axios進行(xing)前后端通(tong)信

2.基本(ben)Vue、CSS的(de)了解和應(ying)用

3.了解(jie)flex布局

5
編寫樓首頁（中）

1.使用axios進行前(qian)后(hou)端通(tong)信

2.使用VueJS一(yi)些(xie)內置的語法糖

3.使用(yong)Vue過渡組件

6
編寫樓首(shou)頁（下）

1.針對內(nei)容進(jin)行(xing)合理抽象

2.封裝復用組件

3.了(le)解原生CSS的過渡

4.Vue子父(fu)組件傳(chuan)值

2
優(you)化樓首頁--近期好課的展示

1.絕對定位

2.溢出隱藏

3.Vue過渡(du)組件

7
編寫課程挑選(xuan)頁

1.路由過渡/監控/參數設置(zhi)修改(gai)

2.Vuex初探

3.滾動導航

8
編寫課程詳情頁（上）

1.分析整體結構

2.編寫子導航

3.編寫(xie)課程(cheng)基礎介紹

4.內容(rong)&課程詳細介紹

5.內容使用Markdown編譯

6.未登錄狀(zhuang)態下評論等(deng)內容的處理

3
編寫課程(cheng)問答(da)頁(ye)面

1.組件使用

2.父子組件傳值

3.keepalive組件熟悉使用

9
編(bian)寫課程詳情頁（下）

1.分(fen)析(xi)右(you)部分(fen)結構

2.區分下拉和普通狀態下的右邊顯示(shi)

3.zindex了(le)解使用(yong)

10
處(chu)理登錄(lu)與(yu)打包發布

1.獲取(qu)登(deng)錄用(yong)的API

2.初(chu)步了(le)解(jie)Cookies，Session，區分通過轉發的登(deng)錄(lu)與直接登(deng)錄(lu)

3.完(wan)善首頁登錄(lu)后的(de)頁面與功能

4.完善課程(cheng)詳情頁登錄后的頁面與功(gong)能

5.創建(jian)Github賬號(如果(guo)沒有的(de)話)

6.利用webpack進行(xing)打包(bao)

7.基于開發環(huan)境(jing)與生產環(huan)境(jing)配置一些內(nei)容

8.利用Github中進行發(fa)布

9.基(ji)于GithubPage做(zuo)history模式發布(bu)的探討