目錄：

微信小程序項目需求

例子1：APP開發(fā)

https://www.bilibili.com/video/BV1jW411375J?share_source=copy_web

https://www.bilibili.com/video/BV14J4114768?p=403&;share_source=copy_web

Android

studio

聚合數(shù)據(jù)目前個人實名驗證是無法使用的，所以我不用聚合數(shù)據(jù)，淘寶買可能便宜點(diǎn)

自己隨便找下免費(fèi)試用的短信API，這個閃速碼的支付設(shè)計挺簡單好用的，我可用用于自己的網(wǎng)站設(shè)計中

使用cpm，淘寶NPM鏡像，下載會更快

例子1-1：實現(xiàn)手機(jī)短信驗證碼登錄功能

PHP簽名方式

設(shè)置用戶名和密碼都輸入時。登錄按鈕才由灰色變顯色（其實實現(xiàn)方法有很多）

下面就是獲取輸入的驗證碼和輸入的電話號碼后把驗證碼和電話號碼等等請求到通過短信API服務(wù)的網(wǎng)址，如何獲取數(shù)據(jù)成功，那么就是輸入正確，反之，輸入錯誤

例子1-2：實現(xiàn)高德定位功能

若要實現(xiàn)高德定位功能，那么就要到高德開放平臺，使用地圖JS API

下面的話用了逆向地理編碼，可以根據(jù)經(jīng)緯度來轉(zhuǎn)成地址

例子2：微信小程序商城開發(fā)，黑馬優(yōu)購電商項目

你不會小程序可能工資會低

開發(fā)者文檔等等可以直接在微信開發(fā)者工具中找到

Q&A：

Q：unity的游戲可以用VScode，用Unity制作類似于元?dú)怛T士一類的游戲，使用VSCode還是VS比較好？

Q：visual studio 和visual studio code 的區(qū)別是什么？

例子3：實現(xiàn)類似于網(wǎng)易云音樂的微信小程序

例子1：餓了么APP開發(fā),實現(xiàn)手機(jī)短信驗證碼登錄，高德定位

https://www.bilibili.com/video/BV1jW411375J?share_source=copy_web

https://www.bilibili.com/video/BV14J4114768?p=403&share_source=copy_web

Android

studio

聚合數(shù)據(jù)目前個人實名驗證是無法使用的，所以我不用聚合數(shù)據(jù)，淘寶買可能便宜點(diǎn)

自己隨便找下免費(fèi)試用的短信API，這個閃速碼的支付設(shè)計挺簡單好用的，我可用用于自己的網(wǎng)站設(shè)計中

使用cpm，淘寶NPM鏡像，下載會更快

例子1-1：實現(xiàn)手機(jī)短信驗證碼登錄功能

PHP簽名方式

設(shè)置用戶名和密碼都輸入時。登錄按鈕才由灰色變顯色（其實實現(xiàn)方法有很多），使用：XXX的動態(tài)綁定，后面使用computed計算屬性來邏輯判斷地進(jìn)行變化。

下面就是獲取輸入的驗證碼和輸入的電話號碼后把驗證碼和電話號碼等等請求到通過短信API服務(wù)的網(wǎng)址，如何獲取數(shù)據(jù)成功，那么就是輸入正確，反之，輸入錯誤

例子1-2：實現(xiàn)高德定位功能

若要實現(xiàn)高德定位功能，那么就要到高德開放平臺，使用地圖JS API

記得添加key

只留下我們需要的代碼

手機(jī)一般有GPS定位，但PC端可能沒有其芯片，所以可能有5%的定位錯誤，那么就要使用IP定位獲取城市信息

下面的話用了逆向地理編碼，可以根據(jù)經(jīng)緯度來轉(zhuǎn)成地址

例子2：微信小程序商城開發(fā)

你不會小程序可能工資會低

開發(fā)者文檔等等可以直接在微信開發(fā)者工具中找到

Q&A：

Q:unity的游戲可以用VScode，用Unity制作類似于元?dú)怛T士一類的游戲，使用VSCode還是VS比較好？

A:

Q：visual studio 和visual studio code 的區(qū)別是什么？

A：

例子3：實現(xiàn)類似于網(wǎng)易云音樂的微信小程序

例子3-1：

添加體驗成員后就可以讓別人也下載二維碼的小程序

寫完項目可以點(diǎn)擊上傳，后面才可以發(fā)布

例子3 END

微信小程序項目需求：

準(zhǔn)備：后臺代碼處理

一、創(chuàng)建新項目和頁面

二、APP.json配置導(dǎo)航欄

三、定義和使用點(diǎn)贊組件

"四、classic在生命周期函數(shù)中請求后臺數(shù)據(jù)

設(shè)置-項目設(shè)置-勾選不校驗..."

五、封裝Http工具類。

六、將classic頁面的數(shù)據(jù)傳遞到like組件中（父組件傳數(shù)據(jù)到子組件）

七、實現(xiàn)movie組件

八、like組件傳遞數(shù)據(jù)到classic頁面（子傳父實現(xiàn)自定義事件）

"九、epsoide組件（組件的生命周期函數(shù)以及data和properties定義數(shù)據(jù)的區(qū)別）

data和properties會被合并成同一個對象，如果有同名屬性，會使用properties中定義的屬性

期刊號補(bǔ)零（observer函數(shù)）"

"十、初步完成導(dǎo)航組件

獲取數(shù)據(jù)：title，isFirst和isLatest

自定義導(dǎo)航事件onLeft,onRight

禁用左翻頁和右翻頁"

十一、初步實現(xiàn)music組件和essay組件

十二、提取組件的公共部分（組件的行為Behavior實現(xiàn)多繼承）

"十三、初步實現(xiàn)期刊切換前一期效果（后臺getClassic實現(xiàn)）

classic頁面的onPrev"

"十四、根據(jù)index判斷是第一期還是最后一期

classicModel中的isFirst和isLatest方法，緩存（Storage）最新期刊號_setLatest方法"

"十五、實現(xiàn)期刊切換后一期效果

classic頁面的onNext

classicModel中的getNext和getPrev代碼重構(gòu)

classic頁面的onPrev和onNext代碼重構(gòu)"

十六、期刊數(shù)據(jù)數(shù)據(jù)緩存實現(xiàn)，（model中的回調(diào)函數(shù)處理bug和大圖片顯示bug）

十七、緩存數(shù)據(jù)以后無法顯示更新后的點(diǎn)贊次數(shù)和狀態(tài)（后臺代碼getClassic擴(kuò)展）

"十八、根據(jù)期刊類型使用組件movie,essay和music組件

組件的自定義屬性控制組件是否顯示"

"十九、movie,essay和music組件樣式代碼的復(fù)用

@import復(fù)用樣式文件common.wxss"

二十、music組件樣式

"二十一、實現(xiàn)播放音樂

后臺提供音頻服務(wù)功能（修改中間件代碼亂碼處理邏輯）

wx.getBackgroundAudioManager()

APP.json中添加配置項目：""requiredBackgroundModes"": [""audio""],"

"二十二、切換停止音樂播放并且保證音樂播放的正確狀態(tài)

wx:if和hidden的差別：wx:if會重新運(yùn)行組件的整個生命周期，而hidden不會

關(guān)聯(lián)文件：music\index.js，music\index.wxml"

"二十三、實現(xiàn)音樂播放的旋轉(zhuǎn)動畫效果

關(guān)聯(lián)文件：music\index.wxss"

"二十四、實現(xiàn)底部導(dǎo)航欄,創(chuàng)建book頁面和my頁面

關(guān)聯(lián)文件：APP.json"

"二十五、使用Promise封裝請求

關(guān)聯(lián)文件：utils/pmHttp.js"

"二十六、設(shè)計BookModel:獲取熱門書籍?dāng)?shù)據(jù)

關(guān)聯(lián)文件：models/book.js,page/book/index.js"

"二十七、設(shè)計book組件,列表渲染

關(guān)聯(lián)文件：components/book/，page/book/"

"二十八、完成book頁面的骨架

關(guān)聯(lián)文件：pages/book/index.wxml,pages/book/index.wxss"

"二十九、點(diǎn)擊book頁面中的任意一本書跳轉(zhuǎn)到書籍詳情頁面

關(guān)聯(lián)文件：components/book/index.wxml,components/book/index.js,pages/book-detail/index.js"

"三十、加載書籍詳情數(shù)據(jù)（書籍詳情，點(diǎn)贊狀態(tài)和短評）

后臺代碼中獲取點(diǎn)贊狀態(tài)和書籍詳情的代碼有bug，已修改

關(guān)聯(lián)文件：models/book.js,pages/book-detail/index.js"

"三十一、書籍詳情骨架和樣式

關(guān)聯(lián)文件：pages/book-detail/index.wxml，pages/book-detail/index.wxss"

"三十二、短評標(biāo)簽組件設(shè)計和使用

關(guān)聯(lián)文件：components/tag/，pages/book-detail/index.json,pages/book-detail/index.wxml,

pages/book-detail/index.wxss"

"三十三、短評標(biāo)簽中使用插槽進(jìn)行擴(kuò)展

關(guān)聯(lián)文件：components/tag/index.wxml，pages/book-detail/index.wxml，components/tag/index.js"

"三十四、短評標(biāo)簽著色根據(jù)組件html結(jié)構(gòu)設(shè)置樣式

關(guān)聯(lián)文件:components/book-detail/index.wxss"