1. 程式人生 > >七月完整純正商業級應用-微信小程式開發實戰

七月完整純正商業級應用-微信小程式開發實戰

第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-block4-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與stretch4-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介紹與測試API7-3 生命週期函式7-4 wx.request-4xx狀態碼並不會執行fail7-5 訪問API獲取資料7-6 同步、非同步與回撥函式7-7 ES6箭頭函式與this指代7-8 正確理解Promise(選看)7-9 ES6 const常量7-10 ES6 Module export與import7-11 HTTP類的封裝與ES6 startsWith7-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、await11-4 Promise的本質與用法11-5 Promise重構 一 引數列表設計原則與預設值11-6 Promise重構 二 重構request11-7 Promise重構 三 物件解構11-8 Promise的正確用法第12章 元件高階應用本章我們將探討元件的slot插槽和外部樣式類。元件最難平衡的是內建預設樣式和使用者自定義樣式的需求,我們將一起來探討一個不錯的解決方案。我們將看到,小程式其實不僅僅提供了屬性、還提供了wxml的標籤的傳遞與樣式的傳遞。wxml的傳遞是通過插槽,樣式的傳遞是通過externalClass...12-1 圖書元件12-2 列表渲染12-3 書籍首頁佈局12-4 巧用flex佈局簡化CSS12-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的概念與應用113-3 wx的概念與應用213-4 wx的概念與應用313-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.race14-3 高階元件示例1:搜尋元件14-4 自定義元件的models目錄探討14-5 資料結構佇列的應用14-6 佇列測試14-7 實現歷史搜尋14-8 實現熱門搜尋14-9 搜尋實現114-10 搜尋實現214-11 搜尋實現314-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 自定義分享button16-9 小程式之間的跳轉16-10 preview元件16-11 簡單聊一下小程式雲開發的場景和意義  

下載地址:百度網盤