第1章 導(dǎo)學(xué)與申請(qǐng)appkey

如何更好的學(xué)習(xí)本課程？如何申請(qǐng)開發(fā)者key？如何調(diào)用和測(cè)試接口？

1-1 微信小程序商業(yè)級(jí)實(shí)戰(zhàn)-課程導(dǎo)學(xué)。

1-2 優(yōu)先自己開發(fā)

1-3 appkey的申請(qǐng)

1-4 課程維護(hù)說明

第2章 準(zhǔn)備工作

開發(fā)前的準(zhǔn)備工作以及第三方開發(fā)工具的選擇

2-1 流程與開發(fā)前準(zhǔn)備

2-2 新建小程序項(xiàng)目

2-3 。小程序開發(fā)工具介紹

2-4 第三方開發(fā)工具介紹

第3章 小程序的基礎(chǔ)知識(shí)與新特性

講解小程序的一些必須要掌握的基礎(chǔ)知識(shí)，如文件類型、項(xiàng)目結(jié)構(gòu)、配置文件等。部分之前老課程中沒有涉及的重要新特性也會(huì)在本章節(jié)提及

3-1 小程序的4種文件類型

3-2 小程序的組織結(jié)構(gòu)

3-3 新建第一個(gè)小程序頁面

3-4 -1 消除錯(cuò)誤提示

3-5 app.json配置之導(dǎo)航欄

3-6 app.json之background窗口

3-7 wxml與組件

第4章 flex布局

我們將在本章中詳細(xì)學(xué)習(xí)flex布局的基礎(chǔ)知識(shí)，為在項(xiàng)目中靈活應(yīng)用flex布局打下堅(jiān)實(shí)的基礎(chǔ)

4-1 小程序代碼編寫規(guī)范

4-2 所謂布局

4-3 block、inline與inline-block

4-4 flex容器將消除item的塊狀特性

4-5 flex-direction的應(yīng)用

4-6 reverse倒序排布

4-7 reverse效果揭秘

4-8 justify-content屬性解析 一

4-9 justify-content屬性解析 二

4-10 主軸與交叉軸(重要) 一

4-11 主軸與交叉軸（二）

4-12 baseline與stretch

4-13 flex-wrap與消除間距

第5章 小程序基礎(chǔ)知識(shí)與初識(shí)小程序組件

本章我們將學(xué)習(xí)全局樣式、相對(duì)/絕對(duì)路徑、尺寸單位等小程序基礎(chǔ)知識(shí)。同時(shí)，我們將初步介紹小程序自定義組件。

5-1 細(xì)節(jié)決定成敗

5-2 組件概述

5-3 定義、引用與使用組件

5-4 相對(duì)路徑與絕對(duì)路徑

5-5 like組件實(shí)現(xiàn)

5-6 小程序尺寸單位與設(shè)計(jì)原則（重要）

5-7 小程序支持的css選擇器遠(yuǎn)比文檔中要多

5-8 蘋方字體設(shè)置

5-9 page樣式的巧妙應(yīng)用

5-10 組件只能繼承極少數(shù)全局樣式

5-11 組件最好不要留有空白間距

5-12 固定寬度還是自適應(yīng)？

5-13 組件事件與事件處理

第6章 組件數(shù)據(jù)、事件與屬性

本章我們將深入學(xué)習(xí)組件的開放性與封閉性以及組件封裝的原則

6-1 數(shù)據(jù)來源的三種途徑

6-2 數(shù)據(jù)綁定

6-3 三元表達(dá)式與圖片切換

6-4 組件的封閉性、開放性及粒度

6-5 組件的properties屬性詳解

6-6 let、var與組件事件應(yīng)用

第7章 訪問API數(shù)據(jù)與ES6在小程序中的應(yīng)用

本章，我們將從一個(gè)簡(jiǎn)單wx.request開始，講解同步與異步的區(qū)別，promise的意義，ES6中箭頭函數(shù)、class、const、module、export與import在小程序中的巧妙應(yīng)用。同時(shí)，我們也將初步探討封裝代碼的必要性

7-1 看待組件的兩種觀點(diǎn)（重要）

7-2 Blink API介紹與測(cè)試API

7-3 生命周期函數(shù)

7-4 wx.request-4xx狀態(tài)碼并不會(huì)執(zhí)行fail

7-5 訪問API獲取數(shù)據(jù)

7-6 同步、異步與回調(diào)函數(shù)

7-7 ES6箭頭函數(shù)與this指代

7-8 正確理解Promise(選看）

7-9 ES6 const常量

7-10 ES6 Module export與import

7-11 HTTP類的封裝與ES6 startsWith

7-12 分析問題的思維培養(yǎng)與練習(xí)

7-13 分析問題的思維培養(yǎng)與練習(xí)二

7-14 回調(diào)函數(shù)傳遞

7-15 通用錯(cuò)誤異常處理（重要）

第8章 流行頁面編碼與組件的細(xì)節(jié)知識(shí)

本章，我們將逐步編寫流行頁面中剩余的電影組件、期刊組件、導(dǎo)航組件，并進(jìn)一步的完善喜歡組件。同時(shí)，我們將在本章節(jié)進(jìn)一步的講解setData的真正意義、組件封裝粒度、系統(tǒng)事件與自定義事件、properties和data的區(qū)別等重要的知識(shí)。本章內(nèi)容非常豐富，加油吧。 ...

8-1 什么是“剝奪函數(shù)return的能力”

8-2 組件屬性賦值與頁面渲染流程解析

8-3 setData的誤區(qū)（重要）

8-4 movie組件的實(shí)現(xiàn)

8-5 再談組件的粒度

8-6 自定義事件的激活與監(jiān)聽

8-7 喜歡還是不喜歡

8-8 組件的生命周期函數(shù)

8-9 組件的data與properties的“奇怪”現(xiàn)象

8-10 業(yè)務(wù)邏輯到底寫組件里還是頁面里

8-11 observer函數(shù)的應(yīng)用

8-12 注意防范內(nèi)存泄漏

8-13 千萬不要在observer中修改自身屬性值

8-14 epsoide組件與流行頁面樣式

第9章 Behavior行為與加入緩存系統(tǒng)優(yōu)化流行頁面

即使服務(wù)器返回?cái)?shù)據(jù)的速度再快，我們依然需要在頁面中加入緩存系統(tǒng)來優(yōu)化用戶體驗(yàn)。組件是一種復(fù)用的邏輯，但多個(gè)組件間的共同JS代碼又改如何復(fù)用？使用Behaviors行為將解決這個(gè)問題。同時(shí)，我們也將談?wù)凚ehavior和多繼承的思想。...

9-1 navi組件與移動(dòng)端觸碰區(qū)域探討

9-2 navi組件與flex寬度陷阱

9-3 禁用事件的技巧

9-4 music組件初步實(shí)現(xiàn)

9-5 初識(shí)組件的Behavior行為

9-6 behavior 繼承與多繼承的覆蓋規(guī)則（重要）

9-7 初步實(shí)現(xiàn)期刊切換

9-8 是否是最新期刊的判斷邏輯

9-9 使用Storage保存最新期刊號(hào)

9-10 onNext與函數(shù)重構(gòu)技巧

第10章 新版Music組件、組件通信與wxss樣式復(fù)用

本章，我們將進(jìn)一步優(yōu)化緩存帶來的附加問題。緩存的使用絕對(duì)不僅僅是setStorage和getStorage這么簡(jiǎn)單，緩存的加入將帶來一些新的問題，這些問題的處理細(xì)節(jié)體現(xiàn)了一個(gè)前端程序員的成熟度。同時(shí)，我們還將學(xué)習(xí)ES6擴(kuò)展運(yùn)算符和模板字符串在小程序中的應(yīng)用、wxss樣式的復(fù)用、讓自定義組件支持hidden屬性與組件通信。本章是業(yè)務(wù)...

10-1 談?wù)劸彺鎸?duì)于改善用戶體驗(yàn)的作用

10-2 解決緩存帶來的問題

10-3 ES6模板字符串和擴(kuò)展運(yùn)算符的應(yīng)用

10-4 獨(dú)立更新like組件狀態(tài)

10-5 如何讓自定義組件支持hidden？

10-6 @import在組件間復(fù)用樣式

10-7 music組件樣式

10-8 新版音樂播放對(duì)象

10-9 組件間通信

10-10 hidden不會(huì)觸發(fā)組件的detached，但wxif會(huì)

10-11 完成音樂播放

10-12 用簡(jiǎn)潔的代碼優(yōu)化音樂播放

10-13 真實(shí)感受Component與Model的好處

第11章 Promise正確用法與函數(shù)簽名設(shè)計(jì)技巧

目前來說，由于小程序占時(shí)不支持async與await，所以Promise是小程序處理異步的最佳解決方案。即使支持async，它也只是Promise的語法糖，所以Promise是必須要學(xué)習(xí)的基礎(chǔ)。很多同學(xué)對(duì)于Promise的理解不夠深刻，導(dǎo)致Promise使用不正確。本章我們將講解Promise的正確使用方式，重構(gòu)http.js，同時(shí)還將使用ES6對(duì)象解構(gòu)、默認(rèn)值等...

11-1 tabBar配置

11-2 airbnb編碼規(guī)范

11-3 純粹回調(diào)、Promise與async、await

11-4 Promise的本質(zhì)與用法

11-5 Promise重構(gòu) 一 參數(shù)列表設(shè)計(jì)原則與默認(rèn)值

11-6 Promise重構(gòu) 二 重構(gòu)request

11-7 Promise重構(gòu) 三 對(duì)象解構(gòu)

11-8 Promise的正確用法

第12章 組件高級(jí)應(yīng)用

本章我們將探討組件的slot插槽和外部樣式類。組件最難平衡的是內(nèi)置默認(rèn)樣式和用戶自定義樣式的需求，我們將一起來探討一個(gè)不錯(cuò)的解決方案。我們將看到，小程序其實(shí)不僅僅提供了屬性、還提供了wxml的標(biāo)簽的傳遞與樣式的傳遞。wxml的傳遞是通過插槽，樣式的傳遞是通過externalClass...

12-1 圖書組件

12-2 列表渲染

12-3 書籍首頁布局

12-4 巧用flex布局簡(jiǎn)化CSS

12-5 wx：key的用法與意義

12-6 項(xiàng)目型組件與通用性組件

12-7 書籍詳情頁面三組數(shù)據(jù)加載

12-8 三種小程序編譯模式

12-9 標(biāo)簽組件難點(diǎn)提示

12-10 標(biāo)簽布局

12-11 組件設(shè)計(jì)思想：slot插槽的使用

12-12 自定義組件樣式探討 一：hack方式

12-13 自定義樣式探討2：外部樣式的概念

12-14 自定義組件樣式3：外部樣式的問題

12-15 自定義樣式4：外部樣式如何強(qiáng)制覆蓋普通樣式

12-16 外部樣式類的使用技巧

第13章 小程序wxs的應(yīng)用

wxs是微信為小程序定制的一套腳本語言，同JS類似，但又有很多不同。很多同學(xué)認(rèn)為wxs沒有什么用，但其實(shí)是很有用的。比如開源組件中就可以提供一套wxs編寫的filter過濾器。本章，我們將來深入探討一下wxs的應(yīng)用場(chǎng)景。

13-1 分析換行符 不解析換行的原因

13-2 wxs的概念與應(yīng)用1

13-3 wx的概念與應(yīng)用2

13-4 wx的概念與應(yīng)用3

13-5 在小程序中編寫limit過濾器

13-6 短評(píng)功能分析

13-7 短評(píng)實(shí)現(xiàn)一

13-8 短評(píng)實(shí)現(xiàn)二

13-9 短評(píng)實(shí)現(xiàn)三：在wxml中編寫wxs代碼

13-10 短評(píng)實(shí)現(xiàn)四：mask組件

13-11 短評(píng)實(shí)現(xiàn)五：提交短評(píng)數(shù)據(jù)

13-12 短評(píng)實(shí)現(xiàn)六：支持input輸入短評(píng)

13-13 短評(píng)實(shí)現(xiàn)七：細(xì)節(jié)處理

第14章 搜索與高階組件

搜索基本上是任何一個(gè)產(chǎn)品都不會(huì)缺少的功能。但是一個(gè)好的搜索組件，細(xì)節(jié)是非常多的。本章，我們將完成歷史搜索、熱門搜索等諸多商業(yè)級(jí)嚴(yán)謹(jǐn)搜索功能。同時(shí)，我們也將提出“高階組件的”概念，區(qū)別于普通組件，高階組件更為復(fù)雜 ...

14-1 并行請(qǐng)求與串行請(qǐng)求

14-2 Promise.all與Promise.race

14-3 高階組件示例1：搜索組件

14-4 自定義組件的models目錄探討

14-5 數(shù)據(jù)結(jié)構(gòu)隊(duì)列的應(yīng)用

14-6 隊(duì)列測(cè)試

14-7 實(shí)現(xiàn)歷史搜索

14-8 實(shí)現(xiàn)熱門搜索

14-9 搜索實(shí)現(xiàn)1

14-10 搜索實(shí)現(xiàn)2

14-11 搜索實(shí)現(xiàn)3

14-12 搜索實(shí)現(xiàn)4：動(dòng)態(tài)綁定input輸入

第15章 代碼重構(gòu)與行為抽象

本章我們將重構(gòu)搜索代碼，將分頁邏輯提取成一個(gè)“行為”。以后，當(dāng)我們遇到任何一個(gè)需要使用分頁邏輯的組件時(shí)都可以服用分頁Behavior。此外，本章有大量的細(xì)節(jié)需要我們完善。比如如何對(duì)搜索加“鎖”，如何判斷是否還有更多數(shù)據(jù)等。 ...

15-1 用隨機(jī)字符串觸發(fā)Oberver函數(shù)

15-2 加載更多數(shù)據(jù)的判斷技巧

15-3 使用鎖的概念解決重復(fù)加載數(shù)據(jù)的問題

15-4 是否還有更多數(shù)據(jù)的判斷邏輯

15-5 組件行為邏輯抽象――分頁行為

15-6 搜索代碼重構(gòu)――增強(qiáng)代碼可閱讀性

15-7 注意避免死鎖

15-8 特別注意setData與直接賦值的區(qū)別

15-9 空搜索結(jié)果的處理

第16章 高級(jí)知識(shí)與應(yīng)用

本章，我們將試著學(xué)習(xí)和應(yīng)用一些比較抽象的知識(shí)。這些知識(shí)并不是必備的，但好的程序員必須學(xué)會(huì)這種思維和編碼習(xí)慣。我們將在本章進(jìn)一步優(yōu)化和重構(gòu)代碼，學(xué)習(xí)新版微信授權(quán)機(jī)制、自定義小程序button組件、將內(nèi)置的小程序API轉(zhuǎn)換成Promise、復(fù)用整個(gè)Page等知識(shí)。...

16-1 將鎖提取到分頁行為中

16-2 open-data顯示用戶信息

16-3 新版微信授權(quán)機(jī)制

16-4 wx.getUserInfo需要用戶先授權(quán)

16-5 通過opensetting判斷用戶是否授權(quán)

16-6 自定義button實(shí)現(xiàn)獲取用戶信息

16-7 為什么有open-data還需要getUserInfo？

16-8 自定義分享button

16-9 小程序之間的跳轉(zhuǎn)

16-10 preview組件

16-11 簡(jiǎn)單聊一下小程序云開發(fā)的場(chǎng)景和意義