第1章 導學與申請appkey

如何更好的學習本課程？如何申請開發者key？如何調用和測試接口？

1-1 微信小程序商業級實戰-課程導學。

1-2 優先自己開發

1-3 appkey的申請

1-4 課程維護說明

第2章 準備工作

開發前的準備工作以及第三方開發工具的選擇

2-1 流程與開發前準備

2-2 新建小程序項目

2-3 。小程序開發工具介紹

2-4 第三方開發工具介紹

第3章 小程序的基礎知識與新特性

講解小程序的一些必須要掌握的基礎知識，如文件類型、項目結構、配置文件等。部分之前老課程中沒有涉及的重要新特性也會在本章節提及

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

3-2 小程序的組織結構

3-3 新建第一個小程序頁面

3-4 -1 消除錯誤提示

3-5 app.json配置之導航欄

3-6 app.json之background窗口

3-7 wxml與組件

第4章 flex布局

我們將在本章中詳細學習flex布局的基礎知識，為在項目中靈活應用flex布局打下堅實的基礎

4-1 小程序代碼編寫規范

4-2 所謂布局

4-3 block、inline與inline-block

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

4-5 flex-direction的應用

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章 小程序基礎知識與初識小程序組件

本章我們將學習全局樣式、相對/絕對路徑、尺寸單位等小程序基礎知識。同時，我們將初步介紹小程序自定義組件。

5-1 細節決定成敗

5-2 組件概述

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

5-4 相對路徑與絕對路徑

5-5 like組件實現

5-6 小程序尺寸單位與設計原則（重要）

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

5-8 蘋方字體設置

5-9 page樣式的巧妙應用

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

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

5-12 固定寬度還是自適應？

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

第6章 組件數據、事件與屬性

本章我們將深入學習組件的開放性與封閉性以及組件封裝的原則

6-1 數據來源的三種途徑

6-2 數據綁定

6-3 三元表達式與圖片切換

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

6-5 組件的properties屬性詳解

6-6 let、var與組件事件應用

第7章 訪問API數據與ES6在小程序中的應用

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

7-1 看待組件的兩種觀點（重要）

7-2 Blink API介紹與測試API

7-3 生命周期函數

7-4 wx.request-4xx狀態碼并不會執行fail

7-5 訪問API獲取數據

7-6 同步、異步與回調函數

7-7 ES6箭頭函數與this指代

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

7-9 ES6 const常量

7-10 ES6 Module export與import

7-11 HTTP類的封裝與ES6 startsWith

7-12 分析問題的思維培養與練習

7-13 分析問題的思維培養與練習二

7-14 回調函數傳遞

7-15 通用錯誤異常處理（重要）

第8章 流行頁面編碼與組件的細節知識

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

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

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

8-3 setData的誤區（重要）

8-4 movie組件的實現

8-5 再談組件的粒度

8-6 自定義事件的激活與監聽

8-7 喜歡還是不喜歡

8-8 組件的生命周期函數

8-9 組件的data與properties的“奇怪”現象

8-10 業務邏輯到底寫組件里還是頁面里

8-11 observer函數的應用

8-12 注意防范內存泄漏

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

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

第9章 Behavior行為與加入緩存系統優化流行頁面

即使服務器返回數據的速度再快，我們依然需要在頁面中加入緩存系統來優化用戶體驗。組件是一種復用的邏輯，但多個組件間的共同JS代碼又改如何復用？使用Behaviors行為將解決這個問題。同時，我們也將談談Behavior和多繼承的思想。...

9-1 navi組件與移動端觸碰區域探討

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

9-3 禁用事件的技巧

9-4 music組件初步實現

9-5 初識組件的Behavior行為

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

9-7 初步實現期刊切換

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

9-9 使用Storage保存最新期刊號

9-10 onNext與函數重構技巧

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

本章，我們將進一步優化緩存帶來的附加問題。緩存的使用絕對不僅僅是setStorage和getStorage這么簡單，緩存的加入將帶來一些新的問題，這些問題的處理細節體現了一個前端程序員的成熟度。同時，我們還將學習ES6擴展運算符和模板字符串在小程序中的應用、wxss樣式的復用、讓自定義組件支持hidden屬性與組件通信。本章是業務...

10-1 談談緩存對于改善用戶體驗的作用

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

10-3 ES6模板字符串和擴展運算符的應用

10-4 獨立更新like組件狀態

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

10-6 @import在組件間復用樣式

10-7 music組件樣式

10-8 新版音樂播放對象

10-9 組件間通信

10-10 hidden不會觸發組件的detached，但wxif會

10-11 完成音樂播放

10-12 用簡潔的代碼優化音樂播放

10-13 真實感受Component與Model的好處

第11章 Promise正確用法與函數簽名設計技巧

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

11-1 tabBar配置

11-2 airbnb編碼規范

11-3 純粹回調、Promise與async、await

11-4 Promise的本質與用法

11-5 Promise重構 一 參數列表設計原則與默認值

11-6 Promise重構 二 重構request

11-7 Promise重構 三 對象解構

11-8 Promise的正確用法

第12章 組件高級應用

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

12-1 圖書組件

12-2 列表渲染

12-3 書籍首頁布局

12-4 巧用flex布局簡化CSS

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

12-6 項目型組件與通用性組件

12-7 書籍詳情頁面三組數據加載

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

12-9 標簽組件難點提示

12-10 標簽布局

12-11 組件設計思想：slot插槽的使用

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

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

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

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

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

第13章 小程序wxs的應用

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

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

13-2 wxs的概念與應用1

13-3 wx的概念與應用2

13-4 wx的概念與應用3

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

13-6 短評功能分析

13-7 短評實現一

13-8 短評實現二

13-9 短評實現三：在wxml中編寫wxs代碼

13-10 短評實現四：mask組件

13-11 短評實現五：提交短評數據

13-12 短評實現六：支持input輸入短評

13-13 短評實現七：細節處理

第14章 搜索與高階組件

搜索基本上是任何一個產品都不會缺少的功能。但是一個好的搜索組件，細節是非常多的。本章，我們將完成歷史搜索、熱門搜索等諸多商業級嚴謹搜索功能。同時，我們也將提出“高階組件的”概念，區別于普通組件，高階組件更為復雜 ...

14-1 并行請求與串行請求

14-2 Promise.all與Promise.race

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

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

14-5 數據結構隊列的應用

14-6 隊列測試

14-7 實現歷史搜索

14-8 實現熱門搜索

14-9 搜索實現1

14-10 搜索實現2

14-11 搜索實現3

14-12 搜索實現4：動態綁定input輸入

第15章 代碼重構與行為抽象

本章我們將重構搜索代碼，將分頁邏輯提取成一個“行為”。以后，當我們遇到任何一個需要使用分頁邏輯的組件時都可以服用分頁Behavior。此外，本章有大量的細節需要我們完善。比如如何對搜索加“鎖”，如何判斷是否還有更多數據等。 ...

15-1 用隨機字符串觸發Oberver函數

15-2 加載更多數據的判斷技巧

15-3 使用鎖的概念解決重復加載數據的問題

15-4 是否還有更多數據的判斷邏輯

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

15-6 搜索代碼重構――增強代碼可閱讀性

15-7 注意避免死鎖

15-8 特別注意setData與直接賦值的區別

15-9 空搜索結果的處理

第16章 高級知識與應用

本章，我們將試著學習和應用一些比較抽象的知識。這些知識并不是必備的，但好的程序員必須學會這種思維和編碼習慣。我們將在本章進一步優化和重構代碼，學習新版微信授權機制、自定義小程序button組件、將內置的小程序API轉換成Promise、復用整個Page等知識。...

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

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

16-3 新版微信授權機制

16-4 wx.getUserInfo需要用戶先授權

16-5 通過opensetting判斷用戶是否授權

16-6 自定義button實現獲取用戶信息

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

16-8 自定義分享button

16-9 小程序之間的跳轉

16-10 preview組件

16-11 簡單聊一下小程序云開發的場景和意義