2018純正商業級應用-微信小程式開發實戰最新
阿新 • • 發佈：2018-12-18
第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 簡單聊一下小程式雲開發的場景和意義
下載地址：百度網盤