微信小程序開發(fā)項(xiàng)目教程PPT完整全套教學(xué)課件

微信小程序介紹微信小程序開發(fā)項(xiàng)目教程

小程序是一種新的開放能力，開發(fā)者可以快速地開發(fā)一個(gè)小程序。

小程序可以在微信內(nèi)被便捷地獲取和傳播，

同時(shí)具有出色的使用體驗(yàn)；

小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不關(guān)心是

否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時(shí)隨地可用，但又無需安裝卸載。初識(shí)微信小程序微信小程序介紹微信小程序開發(fā)項(xiàng)目教程初識(shí)微信小程序微信小程序介紹微信小程序開發(fā)項(xiàng)目教程初識(shí)微信小程序微信小程序介紹微信小程序開發(fā)項(xiàng)目教程（1）支持分享當(dāng)前頁功能，分享到群或單個(gè)好友；（2）小程序線下掃碼功能；（3）小程序支持掛起狀態(tài)；（4）小程序的消息通知；（5）小程序和公眾號(hào)的關(guān)聯(lián)；（6）小程序的搜索和歷史列表；（7）實(shí)時(shí)音視頻錄制播放；（8）硬件連接功能；（9）小程序游戲；微信小程序的功能微信小程序介紹微信小程序開發(fā)項(xiàng)目教程

個(gè)人服務(wù)類目微信小程序使用場景微信小程序介紹微信小程序開發(fā)項(xiàng)目教程

企業(yè)服務(wù)類目微信小程序使用場景微信小程序介紹微信小程序開發(fā)全案精講微信小程序開發(fā)項(xiàng)目教程（1）2016年1月9日，微信團(tuán)隊(duì)首次提出應(yīng)用號(hào)概念；（2）2016年9月22日，微信公眾平臺(tái)對(duì)外發(fā)送小程序內(nèi)側(cè)邀請(qǐng)，內(nèi)側(cè)名額200個(gè)；（3）2016年11月3日，微信小程序?qū)ν夤珳y，開發(fā)完成后可以提交審核，但公測期間不能發(fā)布；（4）2016年12月28日，張小龍?jiān)谖⑿殴_課解答外界對(duì)微信小程序幾大疑惑，包括沒有應(yīng)用商店、沒有推送消息等等內(nèi)容；（5）2016年12月30日，微信公眾平臺(tái)對(duì)外公告，上線的微信小程序，最多可生成10000個(gè)帶參數(shù)的二維碼；（6）2017年1月9日，微信小程序正式上線；（7）2017年3月27日，個(gè)人開發(fā)者可以申請(qǐng)小程序開發(fā)和發(fā)布；微信小程序發(fā)展歷程微信小程序介紹微信小程序開發(fā)項(xiàng)目教程（8）2017年4月17日，小程序代碼包大小限制擴(kuò)大到2M.；（9）2017年4月20日，發(fā)布公眾號(hào)關(guān)注小程序新規(guī)則；（10）2017年5月12日，發(fā)布“小程序數(shù)據(jù)助手”；（11）2017年12月28日，微信更新的6.6.1版本開放了小游戲；（12）2018年1月18日，微信提供了電子化的侵權(quán)投訴渠道，用戶或者企業(yè)可以在微信公眾平臺(tái)以及微信客戶端入口進(jìn)行投訴；（13）2018年1月25日，微信團(tuán)隊(duì)在“微信公眾平臺(tái)”發(fā)布公告稱，“從移動(dòng)應(yīng)用分享至微信的小程序頁面，用戶訪問時(shí)支持打開來源應(yīng)用；（14）2018年3月，微信正式宣布小程序廣告組件啟動(dòng)內(nèi)測，內(nèi)容還包括第三方可以快速創(chuàng)建并認(rèn)證小程序、新增小程序插件管理接口和更新基礎(chǔ)能力，開發(fā)者可以通過小程序來賺取廣告收入；微信小程序發(fā)展歷程微信小程序介紹微信小程序開發(fā)項(xiàng)目教程（15）

2018年4月，通過公眾號(hào)文章可以打開小程序、開放微信小程序游戲接口；（16）

2018年5月，支持App打開小程序；（17）

2018年6月，小程序支持打開公眾號(hào)文章（關(guān)聯(lián)的公眾號(hào)）、開發(fā)者工具更新：代碼云托管、優(yōu)化預(yù)覽方式和界面布局；代碼包擴(kuò)大為8M；（18）

2018年7月，品牌搜索開放，推出品牌官方區(qū)和微主頁、

任務(wù)欄出現(xiàn)我的小程序入口（iOS：7月13日）；（19）

2018年8月，微信小程序云開發(fā)上線、支持iPad打開小程序，小程序后臺(tái)數(shù)據(jù)分析及插件功能升級(jí)，查看用戶數(shù)據(jù)；（20）2018年9月，微信“功能直達(dá)”正式開放，商家與用戶的距離可以更“近”一步：用戶微信搜一搜功能詞，搜索頁面將呈現(xiàn)相關(guān)服務(wù)的小程序，點(diǎn)擊搜索結(jié)果，可直達(dá)小程序相關(guān)服務(wù)頁面；（21）2018年10月，

小程序支持主體遷移；（22）2019年8月，微信向開發(fā)者發(fā)布新能力公測與更新公告，微信PC版新版本中，支持打開聊天中分享的小程序；微信小程序發(fā)展歷程微信小程序介紹微信小程序開發(fā)項(xiàng)目教程

初識(shí)微信小程序微信小程序的功能

微信小程序使用場景

微信小程序發(fā)展歷程總結(jié)微信小程序介紹微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序環(huán)境搭建微信小程序開發(fā)項(xiàng)目教程

需要下載微信開發(fā)者工具

https:///miniprogram/dev/devtools/download.html小程序環(huán)境搭建微信小程序環(huán)境搭建微信小程序開發(fā)項(xiàng)目教程

注冊微信公眾平臺(tái)賬號(hào)

/小程序環(huán)境搭建微信小程序環(huán)境搭建微信小程序開發(fā)項(xiàng)目教程（1）HTML語言；（2）CSS層疊樣式表；（3）JavaScript腳本語言；基礎(chǔ)技術(shù)準(zhǔn)備微信小程序環(huán)境搭建微信小程序開發(fā)項(xiàng)目教程

小程序環(huán)境搭建基礎(chǔ)技術(shù)準(zhǔn)備總結(jié)微信小程序環(huán)境搭建微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程

如何創(chuàng)建項(xiàng)目微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程

微信開發(fā)者工具可以分為五大功能區(qū)域:（1）菜單欄；（2）工具欄；（3）模擬器區(qū)域；（4）編輯器區(qū)域；（5）調(diào)試器區(qū)域；微信開發(fā)者工具的界面微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程常用快捷鍵微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程格式調(diào)整快捷鍵：（1）Ctrl+S：保存文件（2）Ctrl+[，Ctrl+]：代碼行縮進(jìn)（3）Ctrl+Shift+[，Ctrl+Shift+]：折疊打開代碼塊（4）Ctrl+CCtrl+V：復(fù)制粘貼，如果沒有選中任何文字則復(fù)制粘貼一行（5）Shift+Alt+F：代碼格式化（6）Alt+Up，Alt+Down：上下移動(dòng)一行（7）Shift+Alt+Up，Shift+Alt+Down：向上向下復(fù)制一行（8）Ctrl+Shift+Enter：在當(dāng)前行上方插入一行（9）Ctrl+Shift+F：全局搜索（10）Ctrl+B：可以編譯當(dāng)前代碼，并自動(dòng)刷新模擬器常用快捷鍵微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程光標(biāo)相關(guān)快捷鍵：（1）Ctrl+End：移動(dòng)到文件結(jié)尾（2）Ctrl+Home：移動(dòng)到文件開頭（3）Ctrl+i：選中當(dāng)前行（4）Shift+End：選擇從光標(biāo)到行尾（5）Shift+Home：選擇從行首到光標(biāo)處（6）Ctrl+Shift+L：選中所有匹配（7）Ctrl+D：選中匹配（8）Ctrl+U：光標(biāo)回退常用快捷鍵微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程界面相關(guān)快捷鍵：（1）Ctrl+\：隱藏側(cè)邊欄（2）Ctrl+m：打開或者隱藏模擬器

如何創(chuàng)建項(xiàng)目微信開發(fā)者工具的界面

常用快捷鍵總結(jié)微信小程序開發(fā)工具使用微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：創(chuàng)建莫凡商城小程序微信小程序開發(fā)項(xiàng)目教程

創(chuàng)建莫凡商城小程序項(xiàng)目實(shí)戰(zhàn)：創(chuàng)建莫凡商城小程序微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程莫凡商城小程序項(xiàng)目微信小程序開發(fā)項(xiàng)目教程

任務(wù)1：實(shí)現(xiàn)底部標(biāo)簽導(dǎo)航功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：底部標(biāo)簽導(dǎo)航是絕大多數(shù)小程序都會(huì)應(yīng)用到的一種設(shè)計(jì)方式，底部標(biāo)簽導(dǎo)航功能的實(shí)現(xiàn)，對(duì)于設(shè)計(jì)其他小程序都會(huì)具有借鑒意義。

任務(wù)2：實(shí)現(xiàn)注冊功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：注冊功能是小程序經(jīng)常會(huì)用到的功能，通過用戶的注冊，來管理用戶的賬號(hào)信息。通過注冊表單的設(shè)計(jì)，我們能學(xué)會(huì)表單校驗(yàn)、設(shè)計(jì)注冊表單和提交注冊表單的方法。

任務(wù)3：實(shí)現(xiàn)登錄功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：賬號(hào)密碼登錄和手機(jī)快捷登錄是現(xiàn)在比較流行的登錄設(shè)計(jì)方式，有很多App或者小程序都會(huì)采用這樣的設(shè)計(jì)方式，在設(shè)計(jì)其他小程序的時(shí)候具有借鑒意義。設(shè)計(jì)目的：列表式導(dǎo)航是比較普遍使用的一種設(shè)計(jì)方式，在“我的”頁面里可能有很多菜單選項(xiàng)，列表式導(dǎo)航可以幫我們很好地進(jìn)行布局。

任務(wù)4：實(shí)現(xiàn)“我的”界面列表式導(dǎo)航功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：列表式導(dǎo)航是比較普遍使用的一種設(shè)計(jì)方式，在“我的”頁面里可能有很多菜單選項(xiàng)，列表式導(dǎo)航可以幫我們很好地進(jìn)行布局。

任務(wù)5：實(shí)現(xiàn)修改密碼功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：通過修改密碼功能，我們要學(xué)會(huì)布局修改密碼界面和表單校驗(yàn)的方法。

任務(wù)6：實(shí)現(xiàn)意見反饋功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：意見反饋功能用來收集用戶對(duì)產(chǎn)品使用的意見，我們可以通過收集這些意見或建議來優(yōu)化App或者小程序。莫凡商城小程序提供清除緩存功能，可以清理掉緩存在小程序中的數(shù)據(jù)。

任務(wù)7：實(shí)現(xiàn)清除緩存功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：小程序可以提供清除緩存功能，把緩存到本地的數(shù)據(jù)清除掉，釋放空間。

任務(wù)8：實(shí)現(xiàn)我的訂單功能我的模塊功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：商城類App或者小程序都有訂單這個(gè)概念，訂單可以分為待付款訂單、待收貨訂單、已完成訂單等不同類別，每種訂單具有不同的操作按鈕，這是設(shè)計(jì)訂單列表時(shí)要考慮的事情。

任務(wù)9：實(shí)現(xiàn)搜索區(qū)域布局與海報(bào)輪播功能首頁功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：首頁搜索和海報(bào)輪播是比較通用的功能，海報(bào)輪播功能常用于重點(diǎn)產(chǎn)品或特殊活動(dòng)的海報(bào)展示。

任務(wù)10：實(shí)現(xiàn)圖書列表顯示功能首頁功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：首頁采用列表的方式來設(shè)計(jì)是很常見的形式，在首頁有限的空間，放置指定數(shù)量的商品，并且放置可以查看更多商品的入口，點(diǎn)擊進(jìn)入就可以查看更多的商品列表。

任務(wù)11：實(shí)現(xiàn)圖書搜索功能首頁功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：搜索是小程序必不可少的功能，商城有很多商品，搜索常常是用戶最先使用到的功能。

任務(wù)12：實(shí)現(xiàn)圖書更多列表顯示功能首頁功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：通過制作圖書更多列表可以學(xué)會(huì)商品列表的展示以及不同商品分類的頁簽切換顯示。

任務(wù)13：實(shí)現(xiàn)商品詳情頁功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：商品詳情頁內(nèi)容比較多，頁面比較長，既展示商品基本信息，又需要有加入購物車、立即購買的操作按鈕，在設(shè)計(jì)時(shí)最好將按鈕固定在底部區(qū)域，不隨頁面的滾動(dòng)而改變位置，方便用戶隨時(shí)將商品加入購物車或者立即購買。

任務(wù)14：實(shí)現(xiàn)商品加入購物車功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：加入購物車功能是比較常用的功能，本任務(wù)講解如何設(shè)計(jì)加入購物車功能。

任務(wù)15：實(shí)現(xiàn)商品立即購買頁功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：立即購買頁面是購買前最終確定訂單的界面，在此頁面可以提交訂單來發(fā)起支付。

任務(wù)16：實(shí)現(xiàn)收貨地址列表功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：地址列表的展示，方便用戶在下單的時(shí)候直接選擇以前錄入過的地址信息，這樣就不用每次輸入地址，方便用戶快速下單。

任務(wù)17：實(shí)現(xiàn)新增和編輯地址功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：新增地址和編輯地址是常用的功能，動(dòng)態(tài)維護(hù)地址信息。

任務(wù)18：實(shí)現(xiàn)支付功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：支付功能是購買商品必不可少的功能，本任務(wù)講解如何設(shè)計(jì)微信小程序支付。

任務(wù)19：實(shí)現(xiàn)支付完成頁功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：支付完成后，小程序會(huì)給用戶支付成功的友好提示，既提示用戶支付成功，又給用戶提供查看詳情的入口。

任務(wù)20——實(shí)現(xiàn)訂單詳情頁功能購買商品功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：用戶在購買的商品的時(shí)候，有時(shí)不會(huì)立即支付，或者支付后想查看自己的訂單信息，訂單詳情頁面就是必不可少的頁面了。

任務(wù)21：實(shí)現(xiàn)圖書分類功能圖書分類功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：手風(fēng)琴式導(dǎo)航方式是很多商城都會(huì)采用的導(dǎo)航方式，對(duì)于商品分類過多的商城，這樣的設(shè)計(jì)方便用戶查找商品。

任務(wù)22：實(shí)現(xiàn)圖書分類結(jié)果列表功能圖書分類功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：根據(jù)商品的分類，可以查看該分類下的商品，這樣查找商品具有目的性，方便用戶快速查找想要的商品。

任務(wù)23：實(shí)現(xiàn)購物車列表功能購物車功能介紹微信小程序開發(fā)項(xiàng)目教程設(shè)計(jì)目的：購物車功能是很多商城都會(huì)采用的一種設(shè)計(jì)方式，本任務(wù)學(xué)習(xí)購物車功能的設(shè)計(jì)和實(shí)現(xiàn)。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目目錄樹結(jié)構(gòu)介紹微信小程序開發(fā)項(xiàng)目教程

框架全局文件項(xiàng)目目錄樹結(jié)構(gòu)介紹微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：任務(wù)1——實(shí)現(xiàn)底部標(biāo)簽導(dǎo)航功能項(xiàng)目目錄樹結(jié)構(gòu)介紹微信小程序開發(fā)項(xiàng)目教程工具類文件項(xiàng)目目錄樹結(jié)構(gòu)介紹微信小程序開發(fā)項(xiàng)目教程在微信小程序框架目錄里有一個(gè)utils文件夾，它用來存放工具欄的js函數(shù)，例如可以放置一些日期格式化、時(shí)間格式化的函等常用函數(shù)，定義完這些函數(shù)后，要通過module.exports將定義的函數(shù)名稱注冊進(jìn)來，在其他的頁面才可以使用。框架頁面文件項(xiàng)目目錄樹結(jié)構(gòu)介紹微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程

在app.js小程序邏輯文件里，App(Objectobject)函數(shù)是用來注冊小程序的，有了這個(gè)函數(shù)，才能說明這個(gè)項(xiàng)目是小程序項(xiàng)目。App()函數(shù)有一個(gè)Object參數(shù)，在注冊小程序的同時(shí)可以指定小程序的生命周期函數(shù)。使用App()函數(shù)注冊小程序微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程

App()中的函數(shù)詳解如下：（1）onLaunch：生命周期回調(diào)函數(shù)，監(jiān)聽小程序初始化，在小程序初始化完成時(shí)觸發(fā)，全局只觸發(fā)一次。（2）onShow：生命周期回調(diào)函數(shù)，監(jiān)聽小程序啟動(dòng)或切到前臺(tái)，在小程序啟動(dòng)，或從后臺(tái)進(jìn)入前臺(tái)顯示時(shí)觸發(fā)。（3）onHide：生命周期回調(diào)函數(shù)，監(jiān)聽小程序切到后臺(tái)，在小程序從前臺(tái)進(jìn)入后臺(tái)時(shí)觸發(fā)。（4）onError：錯(cuò)誤監(jiān)聽函數(shù)，在小程序發(fā)生腳本錯(cuò)誤或API（應(yīng)用程序接口）調(diào)用報(bào)錯(cuò)時(shí)觸發(fā)。（5）onPageNotFound：頁面不存在監(jiān)聽函數(shù)，在小程序要打開的頁面不存在時(shí)觸發(fā)在app.js小程序邏輯文件里，使用App()函數(shù)注冊小程序微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程

使用Page()函數(shù)注冊頁面微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程

Page()中的函數(shù)詳解如下：（1）data對(duì)象：data是頁面第一次渲染時(shí)使用的初始數(shù)據(jù)，頁面加載時(shí)，data將會(huì)以JSON字符串

的形式由邏輯層傳至渲染層，因此data中的數(shù)據(jù)必須是可以轉(zhuǎn)成JSON的類型：字符串、數(shù)字、布爾值、對(duì)象或數(shù)組。（2）onLoad(Objectquery)生命周期回調(diào)函數(shù)：頁面加載時(shí)觸發(fā)。一個(gè)頁面只會(huì)調(diào)用一次，可以在onLoad的參數(shù)中獲取打開當(dāng)前頁面路徑中的參數(shù)。（3）onShow()生命周期回調(diào)函數(shù)：頁面顯示/切入前臺(tái)時(shí)觸發(fā)。（4）onReady()生命周期回調(diào)函數(shù)：頁面初次渲染完成時(shí)觸發(fā)。一個(gè)頁面只會(huì)調(diào)用一次，代表頁面已經(jīng)準(zhǔn)備妥當(dāng)，可以和視圖層進(jìn)行交互。（5）onHide()生命周期回調(diào)函數(shù)：頁面隱藏/切入后臺(tái)時(shí)觸發(fā)，調(diào)用navigateTo或底部導(dǎo)航標(biāo)簽切換時(shí)調(diào)用。（6）onUnload()生命周期回調(diào)函數(shù)：頁面卸載時(shí)觸發(fā)，當(dāng)調(diào)用redirectTo或navigateBack的時(shí)候調(diào)用。使用Page()函數(shù)注冊頁面微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程

Page()中的函數(shù)詳解如下：（7）onPullDownRefresh()頁面事件處理函數(shù)：監(jiān)聽用戶下拉刷新事件，需要在app.json的window選項(xiàng)中或頁面配置中開啟enablePullDownRefresh。可以通過wx.startPullDownRefresh觸發(fā)下拉刷新，調(diào)用后觸發(fā)下拉刷新動(dòng)畫，效果與用戶手動(dòng)下拉刷新一致。當(dāng)處理完數(shù)據(jù)刷新后，wx.stopPullDownRefresh可以停止當(dāng)前頁面的下拉刷新。（8）onReachBottom()頁面事件處理函數(shù)：監(jiān)聽用戶上拉觸底事件，可以在app.json的window選項(xiàng)中或頁面配置中設(shè)置觸發(fā)距離onReachBottomDistance。在觸發(fā)距離內(nèi)滑動(dòng)期間，本事件只會(huì)被觸發(fā)一次。（9）onShareAppMessage(Objectobject)頁面事件處理函數(shù)：監(jiān)聽用戶點(diǎn)擊頁面內(nèi)轉(zhuǎn)發(fā)按鈕（button組件open-type="share"）或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為，并自定義轉(zhuǎn)發(fā)內(nèi)容，只有定義了此事件處理函數(shù)，右上角菜單才會(huì)顯示“轉(zhuǎn)發(fā)”按鈕。（10）onPageScroll(Objectobject)頁面事件處理函數(shù)：監(jiān)聽用戶滑動(dòng)頁面事件。（11）onResize

()頁面事件處理函數(shù)：監(jiān)聽頁面尺寸發(fā)生改變的事件。對(duì)于自定義組件，可以使用resize生命周期來監(jiān)聽?；卣{(diào)函數(shù)中將返回顯示區(qū)域的尺寸信息。使用Page()函數(shù)注冊頁面微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程

Page()中的函數(shù)詳解如下：（12）onTabItemTap()頁面事件處理函數(shù)：點(diǎn)擊tab（導(dǎo)航標(biāo)簽）

時(shí)觸發(fā)，可以獲取tab的序號(hào)、頁面路徑、按鈕文字。（13）組件事件處理函數(shù)：Page中還可以定義組件事件處理函數(shù)。在渲染層的組件中加入事件綁定，當(dāng)事件被觸發(fā)時(shí)，就會(huì)執(zhí)行Page中定義的事件處理函數(shù)，如注冊按鈕可以自定義綁定register()事件、登錄按鈕可以自定義綁定login()等。

注意：通過getCurrentPages()函數(shù)可以

獲取當(dāng)前頁面棧，返回頁面數(shù)組對(duì)象PageObject[]。數(shù)組中第一個(gè)元素為首頁，最后一個(gè)元素為當(dāng)前頁面，不要嘗試修改頁面棧，會(huì)導(dǎo)致路由以及頁面狀態(tài)錯(cuò)誤。不要在小程序初始化的時(shí)候

調(diào)用getCurrentPages()，此時(shí)page還沒有生成。使用Page()函數(shù)注冊頁面微信小程序邏輯層框架接口微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程

WXML標(biāo)簽語言微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程在框架頁面文件的*.wxml文件里，可以利用WXML標(biāo)簽語言來構(gòu)建小程序頁面視圖。<view>你好，微信小程序</view>

動(dòng)態(tài)綁定數(shù)據(jù)微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程*.wxml文件中使用的動(dòng)態(tài)數(shù)據(jù)，都來自于*.js文件中Page()函數(shù)的data對(duì)象。動(dòng)態(tài)數(shù)據(jù)綁定就是在*.wxml文件中，通過雙大括號(hào)（{{}}）將在*.js文件中定義的變量包起來，放在view組件中，這樣就可以實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)綁定效果。

組件屬性動(dòng)態(tài)綁定數(shù)據(jù)微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程組件屬性動(dòng)態(tài)綁定數(shù)據(jù)，是將*.js文件data對(duì)象里的數(shù)據(jù)綁定到小程序的組件上。

控制屬性動(dòng)態(tài)綁定數(shù)據(jù)微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程控制屬性動(dòng)態(tài)綁定數(shù)據(jù)是通過條件判斷if語句來控制的，如果滿足條件判斷，則執(zhí)行該語句，否則不執(zhí)行。

關(guān)鍵字動(dòng)態(tài)綁定數(shù)據(jù)微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程關(guān)鍵字動(dòng)態(tài)綁定數(shù)據(jù)是用于將組件的一些關(guān)鍵字綁定數(shù)據(jù)，如復(fù)選框組件，checked關(guān)鍵字如果等于true，則代表選中復(fù)選框，false代表不選中復(fù)選框。<checkboxchecked="{{false}}"></checkbox>不要直接寫

checked="false"，否則其計(jì)算結(jié)果是一個(gè)字符串，轉(zhuǎn)成boolean類型后代表真值。

運(yùn)算微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程可以在

{{}}

內(nèi)進(jìn)行簡單的運(yùn)算，小程序支持以下幾種方式運(yùn)算。

運(yùn)算微信小程序WXML視圖層微信小程序開發(fā)項(xiàng)目教程可以在

{{}}

內(nèi)進(jìn)行簡單的運(yùn)算，小程序支持以下幾種方式運(yùn)算。謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序WXSS樣式渲染微信小程序開發(fā)項(xiàng)目教程

尺寸單位微信小程序WXSS樣式渲染微信小程序開發(fā)項(xiàng)目教程WXSS的尺寸單位是rpx（responsivepixel），它可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。屏幕寬度規(guī)定為750rpx。例如，iPhone6的屏幕寬度為375px，共有750個(gè)物理像素，則750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。

樣式導(dǎo)入微信小程序WXSS樣式渲染微信小程序開發(fā)項(xiàng)目教程使用@import語句可以導(dǎo)入外聯(lián)樣式表，@import后跟需要導(dǎo)入的外聯(lián)樣式表的相對(duì)路徑，用;表示語句結(jié)束。

內(nèi)聯(lián)樣式微信小程序WXSS樣式渲染微信小程序開發(fā)項(xiàng)目教程在wxml視圖組件中，可以使用style、class屬性來控制組件的樣式。（1）style：style接收動(dòng)態(tài)的樣式，在運(yùn)行時(shí)會(huì)進(jìn)行解析，靜態(tài)的樣式統(tǒng)一寫到class中，要盡量避免將靜態(tài)的樣式寫進(jìn)style中，以免影響渲染速度，style屬性示例代碼如下。<viewstyle="color:red;"/>//靜態(tài)的樣式寫進(jìn)style，盡量避免使用<viewstyle="color:{{color}}"/>//動(dòng)態(tài)獲?。?）class：用于指定樣式規(guī)則，其屬性值是樣式規(guī)則中類選擇器名（樣式類名）的集合，樣式類名不需要帶上“.”，樣式類名之間用空格分隔。<viewclass="normal_view"/>

選擇器微信小程序WXSS樣式渲染微信小程序開發(fā)項(xiàng)目教程WXSS樣式渲染支持選擇器來控制。

常用樣式屬性微信小程序WXSS樣式渲染微信小程序開發(fā)項(xiàng)目教程常用樣式包括display（顯示）、position（定位）、float（浮動(dòng)）、background（背景）、border（邊框）、outline（輪廓）、text（文本）、font（字體）、margin（外邊距）、padding（填充）等。謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序條件渲染微信小程序開發(fā)項(xiàng)目教程

使用wx:if判斷單個(gè)組件微信小程序條件渲染微信小程序開發(fā)項(xiàng)目教程在微信小程序框架里，使用wx:if="{{condition}}"來進(jìn)行條件判斷，判斷是否需要渲染該代碼塊。

使用blockwx:if判斷多個(gè)組件微信小程序條件渲染微信小程序開發(fā)項(xiàng)目教程因?yàn)閣x:if是一個(gè)控制屬性，需要將它添加到一個(gè)組件上。但是如果我們想一次性判斷多個(gè)組件，我們可以使用一個(gè)

<block/>

標(biāo)簽將多個(gè)組件包裝起來，并在上邊使用wx:if控制屬性。

<block/>

并不是一個(gè)組件，它僅僅是一個(gè)包裝元素，不會(huì)在頁面中做任何渲染，只接受控制屬性。謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序列表渲染微信小程序開發(fā)項(xiàng)目教程

使用wx:for列表渲染單個(gè)組件微信小程序列表渲染微信小程序開發(fā)項(xiàng)目教程在組件上使用wx:for控制屬性綁定一個(gè)數(shù)組，即可使用數(shù)組中各項(xiàng)的數(shù)據(jù)重復(fù)渲染該組件。默認(rèn)數(shù)組當(dāng)前項(xiàng)的下標(biāo)變量名為index，數(shù)組當(dāng)前項(xiàng)的變量名為item。

使用blockwx:for列表渲染多個(gè)組件微信小程序列表渲染微信小程序開發(fā)項(xiàng)目教程wx:for應(yīng)用在某一個(gè)組件上，但是如果想渲染一個(gè)包含多節(jié)點(diǎn)的結(jié)構(gòu)塊，這時(shí)wx:for需要應(yīng)用在<block/>標(biāo)簽上。

使用wx:key指定唯一標(biāo)識(shí)符微信小程序列表渲染微信小程序開發(fā)項(xiàng)目教程wx:key

的值以以下兩種形式提供。（1）字符串：代表在for循環(huán)的集合中值的某個(gè)屬性，該屬性的值需要是列表中唯一的字符串或數(shù)字，且不能動(dòng)態(tài)改變。（2）保留關(guān)鍵字：

*this

代表在for循環(huán)中的item本身，這種表示需要item本身是一個(gè)唯一的字符串或者數(shù)字，當(dāng)數(shù)據(jù)改變觸發(fā)渲染層重新渲染的時(shí)候，會(huì)校正帶有key的組件，框架會(huì)確保他們被重新排序，而不是重新創(chuàng)建，以確保組件保持自身的狀態(tài)，并且提高列表渲染時(shí)的效率。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：任務(wù)4——實(shí)現(xiàn)“我的”界面列表式導(dǎo)航功能微信小程序開發(fā)項(xiàng)目教程

任務(wù)4：實(shí)現(xiàn)“我的”界面列表式導(dǎo)航功能任務(wù)目標(biāo)：通過實(shí)現(xiàn)“我的”界面列表式導(dǎo)航功能，學(xué)會(huì)如何使用WXML標(biāo)簽語言進(jìn)行頁面布局，如何使用WXSS進(jìn)行樣式渲染，如何進(jìn)行數(shù)據(jù)綁定以及列表式導(dǎo)航功能的應(yīng)用。“我的”界面可以分為3部分，第1部分是登錄相關(guān)的內(nèi)容，包括頭像和昵稱；第2部分是訂單相關(guān)的內(nèi)容，包括待付款、待收貨、已完成的圖標(biāo)和文字；第3部分采用列表式導(dǎo)航，包括我的消息、我的收藏、賬戶余額、修改密碼、意見反饋、清除緩存和知識(shí)擴(kuò)展。微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)謝謝觀看微信小程序開發(fā)項(xiàng)目教程視圖容器組件在首頁中應(yīng)用微信小程序開發(fā)項(xiàng)目教程（1）view視圖容器組件；（2）scroll-view可滾動(dòng)視圖容器組件；（3）swiper滑塊視圖容器組件；（4）movable-view可移動(dòng)視圖容器組件；（5）cover-view覆蓋原生組件的視圖容器組件；視圖容器組件視圖容器組件在首頁中應(yīng)用微信小程序開發(fā)項(xiàng)目教程任務(wù)9：實(shí)現(xiàn)搜索區(qū)域布局與海報(bào)輪播功能視圖容器組件在首頁中應(yīng)用微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程基礎(chǔ)內(nèi)容組件微信小程序開發(fā)項(xiàng)目教程（1）icon圖標(biāo)組件；（2）text文本組件；（3）progress進(jìn)度條組件；（4）rich-text富文本組件；（5）editor富文本編輯器及API；基礎(chǔ)內(nèi)容組件基礎(chǔ)內(nèi)容組件微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程image圖片組件及圖片API應(yīng)用微信小程序開發(fā)項(xiàng)目教程（1）image圖片組件；（2）wx.chooseImage選擇圖片API；（3）wx.previewImage預(yù)覽圖片API；（4）wx.getImageInfo獲得圖片信息API；（5）wx.saveImageToPhotosAlbum保存圖片到相冊API；（6）pressImage壓縮圖片API；（7）wx.chooseMessageFile從客戶端會(huì)話選擇文件API；image圖片組件及圖片API應(yīng)用image圖片組件及圖片API應(yīng)用微信小程序開發(fā)項(xiàng)目教程任務(wù)10：實(shí)現(xiàn)圖書列表顯示功能靜態(tài)布局image圖片組件及圖片API應(yīng)用微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程導(dǎo)航組件和導(dǎo)航API微信小程序開發(fā)項(xiàng)目教程（1）navigator頁面鏈接組件；（2）wx.navigateTo保留當(dāng)前頁跳轉(zhuǎn)API；（3）wx.redirectTo關(guān)閉當(dāng)前頁跳轉(zhuǎn)API；（4）wx.switchTab跳轉(zhuǎn)到tabBar頁面API；（5）wx.navigateBack返回上一頁API；（6）wx.reLaunch關(guān)閉所有頁面，打開某個(gè)頁面API；（7）導(dǎo)航欄API；（8）TabBar標(biāo)簽導(dǎo)航API；導(dǎo)航組件和導(dǎo)航API導(dǎo)航組件和導(dǎo)航API微信小程序開發(fā)項(xiàng)目教程任務(wù)11：實(shí)現(xiàn)圖書搜索功能靜態(tài)布局設(shè)計(jì)導(dǎo)航組件和導(dǎo)航API微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：任務(wù)12——實(shí)現(xiàn)圖書更多列表功能靜態(tài)布局設(shè)計(jì)微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)圖書更多列表功能靜態(tài)布局設(shè)計(jì)，綜合應(yīng)用view視圖容器組件、swiper滑塊視圖容器組件、text文本組件、image圖片組件等等組件的使用，學(xué)會(huì)使用導(dǎo)航組件和導(dǎo)航API進(jìn)行頁面跳轉(zhuǎn)，學(xué)會(huì)使用swiper滑塊視圖容器組件進(jìn)行頁簽的切換顯示，學(xué)會(huì)如何接收頁面路徑攜帶過來的參數(shù)。

任務(wù)12：實(shí)現(xiàn)圖書更多列表功能靜態(tài)布局設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)圖書更多列表功能靜態(tài)布局設(shè)計(jì)，綜合應(yīng)用view視圖容器組件、swiper滑塊視圖容器組件、text文本組件、image圖片組件等等組件的使用，學(xué)會(huì)使用導(dǎo)航組件和導(dǎo)航API進(jìn)行頁面跳轉(zhuǎn)，學(xué)會(huì)使用swiper滑塊視圖容器組件進(jìn)行頁簽的切換顯示，學(xué)會(huì)如何接收頁面路徑攜帶過來的參數(shù)。謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序函數(shù)處理微信小程序開發(fā)項(xiàng)目教程

onLoad、onShow、onReady、onHide、onUnload生命周期函數(shù)。生命周期函數(shù)微信小程序函數(shù)處理微信小程序開發(fā)項(xiàng)目教程Page({onLoad:function(e){console.log("onLoad頁面加載時(shí)生命周期函數(shù)");},onShow:function(){console.log("onShow頁面顯示生命周期函數(shù)");},

onReady:function(){console.log("onReady頁面初次渲染完成生命周期函數(shù)");},onHide:function(){console.log("onHide頁面隱藏生命周期函數(shù)");},onUnload:function(){console.log("onUnload頁面卸載生命周期函數(shù)");},})（1）onPullDownRefresh()監(jiān)聽用戶下拉刷新事件處理函數(shù)；（2）onReachBottom()監(jiān)聽用戶上拉觸底事件處理函數(shù)；（3）onPageScroll(Objectobject)監(jiān)聽用戶上拉觸底事件處理函數(shù)；（4）onResize

()監(jiān)聽頁面尺寸發(fā)生改變的事件處理函數(shù)；（5）onShareAppMessage(Objectobject)監(jiān)聽用戶點(diǎn)擊頁面內(nèi)轉(zhuǎn)發(fā)處理函數(shù)；頁面事件函數(shù)微信小程序函數(shù)處理微信小程序開發(fā)項(xiàng)目教程頁面路由管理微信小程序函數(shù)處理微信小程序開發(fā)項(xiàng)目教程<viewbindtap="clickMe"id="1"data-hi="WeChat">clickme</view>自定義函數(shù)微信小程序函數(shù)處理微信小程序開發(fā)項(xiàng)目教程setData函數(shù)微信小程序函數(shù)處理微信小程序開發(fā)項(xiàng)目教程Ptotype.setData()設(shè)值函數(shù)，setData

函數(shù)用于將數(shù)據(jù)從邏輯層發(fā)送到視圖層，同時(shí)改變對(duì)應(yīng)的this.data

的值。setData()參數(shù)格式：接受一個(gè)對(duì)象，以key，value的形式表示將this.data

中的key對(duì)應(yīng)的值改變成value。謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程

網(wǎng)絡(luò)訪問配置微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程微信公眾平臺(tái)：/

wx.request是用來請(qǐng)求服務(wù)器數(shù)據(jù)的API，它發(fā)起的是HTTPS請(qǐng)求，來獲取后臺(tái)服務(wù)器接口的數(shù)據(jù)，wx.request(Objectobject)請(qǐng)求數(shù)據(jù)API它有一個(gè)Object對(duì)象參數(shù)。wx.request請(qǐng)求數(shù)據(jù)API微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程

wx.uploadFile將本地資源上傳到服務(wù)器?？蛻舳税l(fā)起一個(gè)HTTPSPOST請(qǐng)求，其中content-type為

multipart/form-data。wx.uploadFile文件上傳微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程

wx.uploadFile是文件上傳的API，wx.downloadFile是文件下載的API，正好相反，它是客戶端直接發(fā)起一個(gè)HTTPSGET請(qǐng)求，從服務(wù)器獲得數(shù)據(jù)，返回文件的本地臨時(shí)路徑，單次下載允許的最大文件為50MB，下載到微信小程序客戶端本地。wx.downloadFile文件下載微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程

WebSocket會(huì)話用來創(chuàng)建一個(gè)會(huì)話連接，創(chuàng)建完會(huì)話連接后可以相互的通訊，比如微信聊天和QQ聊天一樣，進(jìn)行通訊。它會(huì)用到以下7個(gè)API的使用：（1）wx.connectSocket(OBJECT)創(chuàng)建一個(gè)會(huì)話連接；（2）wx.onSocketOpen(CALLBACK)監(jiān)聽WebSocket連接打開事件；（3）wx.onSocketError(CALLBACK)監(jiān)聽WebSocket錯(cuò)誤；（4）wx.sendSocketMessage(OBJECT)發(fā)送數(shù)據(jù)；（5）wx.onSocketMessage(CALLBACK)監(jiān)聽WebSocket接受到服務(wù)器的消息事件；（6）wx.closeSocket()關(guān)閉WebSocket連接；（7）wx.onSocketClose(CALLBACK)監(jiān)聽WebSocket關(guān)閉；WebSocket會(huì)話API微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程

目標(biāo)：通過實(shí)現(xiàn)圖書列表動(dòng)態(tài)渲染，學(xué)會(huì)微信小程序是如何發(fā)起網(wǎng)絡(luò)請(qǐng)求以及如何將數(shù)據(jù)渲染到頁面上，實(shí)現(xiàn)圖書列表動(dòng)態(tài)渲染的效果。項(xiàng)目實(shí)戰(zhàn)：任務(wù)10——實(shí)現(xiàn)圖書列表動(dòng)態(tài)渲染微信小程序網(wǎng)絡(luò)請(qǐng)求微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序定義模板微信小程序開發(fā)項(xiàng)目教程使用<template/>標(biāo)簽來定義模板代碼片段，使用template模板的name屬性作為模板的名字，頁面在調(diào)用模板的時(shí)候，可以根據(jù)名字找到相應(yīng)的模板，同時(shí)模板也可以接收傳遞過來的數(shù)據(jù)。定義模板微信小程序定義模板微信小程序開發(fā)項(xiàng)目教程<templatename="msgItem">

<view>

<text>{{index}}:{{msg}}</text>

<text>Time:{{time}}</text>

</view></template>在WXML頁面文件里，使用is屬性找到要引入的模板名稱，比如msgItem就是模板的名稱，使用data屬性來傳遞模板所需要的數(shù)據(jù)。使用模板微信小程序定義模板微信小程序開發(fā)項(xiàng)目教程

<templateis="msgItem"data="{{item}}"/>謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序的引用功能微信小程序開發(fā)項(xiàng)目教程import可以將<template/>模板引入到頁面中使用。import引用微信小程序的引用功能微信小程序開發(fā)項(xiàng)目教程<!--temp.wxml--><templatename="msg"><text>我是模板內(nèi)容</text><text>{{text}}</text></template><importsrc="temp.wxml"/><templateis="msg"data="{{text:‘你好’}}"/>

include可以將WXML頁面文件的整個(gè)代碼引入到目標(biāo)文件里，但是不能引入<template/>模板文件，相當(dāng)于是將WXML文件拷貝到include位置。include引用微信小程序的引用功能微信小程序開發(fā)項(xiàng)目教程<!--index.wxml--><includesrc="header.wxml"/><view>body</view><includesrc="footer.wxml"/><!--header.wxml--><view>我是頭部信息</view><!--footer.wxml--><view>

我是版權(quán)信息</view>謝謝觀看微信小程序開發(fā)項(xiàng)目教程WXS小程序腳本語言微信小程序開發(fā)項(xiàng)目教程

WXS（WeiXinScript）是小程序的一套腳本語言，結(jié)合WXML頁面文件，可以構(gòu)建出頁面的結(jié)構(gòu)，它是把原來放在JS文件里進(jìn)行處理的邏輯，可以直接放在WXML頁面文件里直接進(jìn)行處理。它有兩種使用方式：一種是WXS腳本語言嵌入在WXML頁面文件里，在WXML文件中的<wxs>標(biāo)簽內(nèi)用來處理相關(guān)邏輯；另一種是以.wxs后綴結(jié)尾的文件獨(dú)立存在，然后再引入到WXML頁面文件里使用。WXS小程序腳本語言WXS小程序腳本語言微信小程序開發(fā)項(xiàng)目教程

WXS小程序腳本語言，WXS代碼可以編寫在wxml文件中的<wxs>標(biāo)簽內(nèi)或者.wxs為后綴名的文件內(nèi)，它是以模塊化的形式存在，都是一個(gè)單獨(dú)的模塊，在一個(gè)模塊里面定義的變量與函數(shù)，默認(rèn)為私有的，對(duì)其他模塊不可見；一個(gè)模塊要想對(duì)外暴露其內(nèi)部的私有變量與函數(shù)，只能通過module.exports實(shí)現(xiàn)。模塊化WXS小程序腳本語言微信小程序開發(fā)項(xiàng)目教程變量名命名規(guī)則：（1）首字符必須是：字母（a-zA-Z），下劃線（_）;（2）剩余字符可以是：字母（a-zA-Z），下劃線（_），數(shù)字（0-9）;（3）保留標(biāo)識(shí)符不能作為變量名：delete、void、typeof、null、undefined、NaN、Infinity、var、if、else、true、false、require、this、function、arguments、return、for、while、do、break、continue、switch、case、default變量與數(shù)據(jù)類型WXS小程序腳本語言微信小程序開發(fā)項(xiàng)目教程WXS小程序腳本語言注釋有三種方式，單行注釋、多行注釋、結(jié)尾注釋。注釋W(xué)XS小程序腳本語言微信小程序開發(fā)項(xiàng)目教程WXS微信小程序腳本語言里，可以使用if條件語句、switch條件語句、for循環(huán)語句、while循環(huán)語句。語句WXS小程序腳本語言微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程下拉刷新及窗口設(shè)置微信小程序開發(fā)項(xiàng)目教程

（1）wx.startPullDownRefresh開始下拉刷新

（2）wx.stopPullDownRefresh停止當(dāng)前頁面下拉刷新下拉刷新API及事件下拉刷新及窗口設(shè)置微信小程序開發(fā)項(xiàng)目教程

微信小程序提供wx.setBackgroundColor(Objectobject)函數(shù)來動(dòng)態(tài)設(shè)置窗口背景色的功能，可以整體設(shè)置背景色顏色、設(shè)置頂部背景色顏色、設(shè)置底部背景色顏色。wx.setBackgroundColor動(dòng)態(tài)設(shè)置窗口的背景色下拉刷新及窗口設(shè)置微信小程序開發(fā)項(xiàng)目教程

微信小程序提供wx.setBackgroundTextStyle(Objectobject)函數(shù)來動(dòng)態(tài)設(shè)置下拉背景字體的功能，動(dòng)態(tài)設(shè)置下拉背景字體、loading圖的樣式。wx.setBackgroundTextStyle動(dòng)態(tài)設(shè)置下拉背景字體下拉刷新及窗口設(shè)置微信小程序開發(fā)項(xiàng)目教程

微信小程序提供引入第三方字體的API接口wx.loadFontFace，可以動(dòng)態(tài)加載網(wǎng)絡(luò)字體。文件地址需為下載類型。iOS僅支持https格式文件地址。wx.loadFontFace引入第三方字體下拉刷新及窗口設(shè)置微信小程序開發(fā)項(xiàng)目教程

微信小程序wx.pageScrollTo接口API將頁面滾動(dòng)到目標(biāo)位置，提供兩種滾動(dòng)方式：選擇器和滾動(dòng)距離兩種方式，通過這個(gè)API接口就可以實(shí)現(xiàn)長頁面時(shí)回到頂部、回到底部功能。wx.pageScrollTo將頁面滾動(dòng)到目標(biāo)位置下拉刷新及窗口設(shè)置微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序表單組件微信小程序開發(fā)項(xiàng)目教程

button按鈕組件、checkbox多選組件、radio單選組件、input輸入框組件、textarea多行輸入框組件、picker滾動(dòng)選擇器、slider滑動(dòng)選擇器、switch開關(guān)選擇器、form表單組件。表單組件微信小程序表單組件微信小程序開發(fā)項(xiàng)目教程

目標(biāo)：通過實(shí)現(xiàn)注冊功能，綜合應(yīng)用容器組件和表單組件，來實(shí)現(xiàn)注冊功能。項(xiàng)目實(shí)戰(zhàn)：任務(wù)2——實(shí)現(xiàn)注冊功能微信小程序表單組件微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程微信小程序界面交互API微信小程序開發(fā)項(xiàng)目教程

（1）wx.showToast/wx.hideToast顯示/隱藏消息提示框（2）wx.showModal顯示模態(tài)對(duì)話框（3）wx.showLoading/wx.hideLoading顯示/隱藏loading提示框（4）wx.showActionSheet顯示操作菜單微信小程序界面交互API微信小程序界面交互API微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程定時(shí)器API微信小程序開發(fā)項(xiàng)目教程

微信小程序提供了定時(shí)器API接口，兩種方式設(shè)置定時(shí)器：setTimeout在定時(shí)到期以后執(zhí)行注冊的回調(diào)函數(shù)、setInterval按照指定的周期（以毫秒計(jì)）來執(zhí)行注冊的回調(diào)函數(shù)，它倆的區(qū)別在于：setTimeout是達(dá)到設(shè)定時(shí)間后執(zhí)行一次，比如設(shè)置5分鐘后執(zhí)行定時(shí)，那么在5分鐘后這個(gè)定時(shí)器啟動(dòng)執(zhí)行一次；setInterval是按照設(shè)定的周期來執(zhí)行，比如設(shè)置每5分鐘執(zhí)行，那么間隔5分鐘會(huì)執(zhí)行一次定時(shí)器。定時(shí)器API定時(shí)器API微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程數(shù)據(jù)緩存API獲取微信小程序開發(fā)項(xiàng)目教程（1）wx.setStorage(OBJECT)異步方式將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的key中；（2）wx.setStorageSync(KEY,DATA)同步方式將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的key中；（3）wx.getStorage(OBJECT)異步方式從本地緩存中異步獲取指定key對(duì)應(yīng)的內(nèi)容；（4）wx.getStorageSync(KEY)同步方式從本地緩存中同步獲取指定key對(duì)應(yīng)的內(nèi)容；（5）wx.getStorageInfo(OBJECT)異步方式獲取key值集合的相關(guān)信息；（6）wx.getStorageInfoSync同步方式獲取當(dāng)前key值集合的相關(guān)信息；（7）wx.removeStorage(OBJECT)異步方式從本地緩存中移除指定key；（8）wx.removeStorageSync(KEY)同步方式從本地緩存中移除指定key；（9）wx.clearStorage()異步方式清理本地?cái)?shù)據(jù)緩存；（10）wx.clearStorageSync()同步方式清理本地?cái)?shù)據(jù)緩存；數(shù)據(jù)緩存API數(shù)據(jù)緩存API獲取微信小程序開發(fā)項(xiàng)目教程

在莫凡商城的index.js文件里，有g(shù)etBookList()函數(shù)用來獲取圖書列表數(shù)據(jù)，下面使用緩存功能將數(shù)據(jù)緩存起來，并獲取緩存的圖書列表數(shù)據(jù)。從緩存獲取圖書列表數(shù)據(jù)數(shù)據(jù)緩存API獲取微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程

（1）在微信小程序里使用wx.login方法獲取登錄憑證code值；（2）拿到code值后再加上AppId、secret（公眾開發(fā)平臺(tái)AppId下面就是）、grant_type授權(quán)類型這四個(gè)參數(shù)發(fā)送到自己后臺(tái)開發(fā)的服務(wù)器上，在后臺(tái)服務(wù)器上去請(qǐng)求/sns/jscode2session這個(gè)路徑，同時(shí)傳遞這四個(gè)參數(shù)，來獲取唯一標(biāo)識(shí)(openid)和會(huì)話密鑰(session_key)；（3）拿到唯一標(biāo)識(shí)(openid)和會(huì)話密鑰(session_key)在自己后臺(tái)開發(fā)的服務(wù)器上生成自己的sessionId；（4）微信小程序可以將服務(wù)器生成的sessionId信息保存到本地緩存信息里Storage；（5）后續(xù)用戶進(jìn)入微信小程序，先從storage獲得sessionId，將這個(gè)sessionId傳輸?shù)椒?wù)器上進(jìn)行查詢來維護(hù)登錄狀態(tài)；登錄API登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程

微信小程序提供Objectwx.getAccountInfoSync()獲取賬號(hào)信息，賬號(hào)信息包括兩方面內(nèi)容：miniProgram小程序帳號(hào)信息、plugin插件帳號(hào)信息（僅在插件中調(diào)用時(shí)包含這一項(xiàng)）；miniProgram小程序帳號(hào)信息里包括小程序appId，plugin插件帳號(hào)信息包括插件appId和version插件版本號(hào)。獲取賬號(hào)信息API登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程

微信小程序使用wx.getUserInfo(OBJECT)來獲取用戶信息，在獲取用戶信息之前，需要調(diào)用wx.login接口，只有用戶在登錄狀態(tài)，才能獲取到用戶的相關(guān)信息，在用戶未授權(quán)過的情況下調(diào)用此接口，將不再出現(xiàn)授權(quán)彈窗。獲取用戶信息API登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程

微信小程序部分API接口需要通過wx.authorize(Objectobject)來向用戶發(fā)起授權(quán)請(qǐng)求，調(diào)用后會(huì)立刻彈窗詢問用戶是否同意授權(quán)小程序使用某項(xiàng)功能或獲取用戶的某些數(shù)據(jù)，但不會(huì)實(shí)際調(diào)用對(duì)應(yīng)接口。如果用戶之前已經(jīng)同意授權(quán)，則不會(huì)出現(xiàn)彈窗，直接返回成功。開發(fā)者可以使用wx.getSetting獲取用戶當(dāng)前的授權(quán)狀態(tài)。授權(quán)API登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程（1）wx.openSetting(Objectobject)調(diào)起客戶端小程序設(shè)置界面，返回用戶設(shè)置的操作結(jié)果，設(shè)置界面只會(huì)出現(xiàn)小程序已經(jīng)向用戶請(qǐng)求過的權(quán)限；（2）wx.getSetting(Objectobject)獲取用戶的當(dāng)前設(shè)置，返回值中只會(huì)出現(xiàn)小程序已經(jīng)向用戶請(qǐng)求過的權(quán)限；返回授權(quán)結(jié)果AuthSetting對(duì)象，對(duì)象屬性如下所示。（1）booleanscope.userInfo：是否授權(quán)用戶信息，對(duì)應(yīng)接口wx.getUserInfo；（2）booleanscope.userLocation：是否授權(quán)地理位置，對(duì)應(yīng)接口wx.getLocation,wx.chooseLocation；（3）booleanscope.address：是否授權(quán)通訊地址，對(duì)應(yīng)接口wx.chooseAddress；（4）booleanscope.invoiceTitle：是否授權(quán)發(fā)票抬頭，對(duì)應(yīng)接口wx.chooseInvoiceTitle；設(shè)置API登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程

（5）booleanscope.invoice：是否授權(quán)獲取發(fā)票，對(duì)應(yīng)接口wx.chooseInvoice；（6）booleanscope.werun：是否授權(quán)微信運(yùn)動(dòng)步數(shù)，對(duì)應(yīng)接口wx.getWeRunData；（7）booleanscope.record：是否授權(quán)錄音功能，對(duì)應(yīng)接口wx.startRecord；（8）booleanscope.writePhotosAlbum：是否授權(quán)保存到相冊wx.saveImageToPhotosAlbum,wx.saveVideoToPhotosAlbum；（9）booleanscope.camera：是否授權(quán)攝像頭，對(duì)應(yīng)[camera]((camera))組件；設(shè)置API登錄相關(guān)接口API微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)登錄功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)3——實(shí)現(xiàn)登錄功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)登錄功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)登錄功能，來完成莫凡商城的登錄，學(xué)會(huì)登錄功能所要應(yīng)用到組件和API接口，并通過此登錄功能，舉一反三，來實(shí)現(xiàn)其他登錄功能謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)我的界面列表式導(dǎo)航功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)4——實(shí)現(xiàn)我的界面列表式導(dǎo)航功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)我的界面列表式導(dǎo)航功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)“我的”界面列表式導(dǎo)航功能，來學(xué)會(huì)列表式導(dǎo)航設(shè)計(jì)的方式，列表式導(dǎo)航設(shè)計(jì)是很多App都會(huì)采用的一種設(shè)計(jì)方式，莫凡商城我的界面也是采用這樣的方式來設(shè)計(jì)，通過此次實(shí)現(xiàn)列表式導(dǎo)航設(shè)計(jì)，對(duì)后續(xù)在實(shí)際項(xiàng)目中有借鑒作用。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)修改密碼功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)5——實(shí)現(xiàn)修改密碼功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)修改密碼功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)修改密碼功能，來學(xué)會(huì)如何通過表單組件來完成修改密碼界面，同時(shí)學(xué)會(huì)如何進(jìn)行表單校驗(yàn)以及密碼修改功能。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)意見反饋功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)6——實(shí)現(xiàn)意見反饋功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)意見反饋功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)意見功能，來學(xué)會(huì)如何設(shè)計(jì)意見反饋功能，通過用戶提交的意見反饋來加以改善App或者小程序。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)清除緩存功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)7——實(shí)現(xiàn)清除緩存功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)清除緩存功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)清除緩存功能，來學(xué)會(huì)如何清理小程序本地緩存數(shù)據(jù)。謝謝觀看微信小程序開發(fā)項(xiàng)目教程頁面間傳遞數(shù)據(jù)微信小程序開發(fā)項(xiàng)目教程

在onLoad:function(e)函數(shù)里來獲取攜帶過來的參數(shù)，攜帶過來的值都放在參數(shù)e里面，通過e.goodsId或者其他攜帶過來的值，這樣就可以接收攜帶過來的參數(shù)值，以實(shí)現(xiàn)頁面間傳遞數(shù)據(jù)。頁面間傳遞數(shù)據(jù)頁面間傳遞數(shù)據(jù)微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程媒體組件及媒體API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

1.audio音頻組件2.AudioContext音頻API3.InnerAudioContext音頻API4.BackgroundAudioManager背景音頻APIaudio音頻組件及API媒體組件及媒體API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

1.video視頻組件2.video視頻APIvideo視頻組件及視頻API媒體組件及媒體API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

1.camera相機(jī)組件2.camera相機(jī)APIcamera相機(jī)組件及相機(jī)API媒體組件及媒體API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

live-player實(shí)時(shí)音視頻播放組件，它的使用是針對(duì)特定類目開放的，需要先通過類目審核，再在小程序管理后臺(tái)，“設(shè)置”-“接口設(shè)置”中自助開通該組件權(quán)限?，F(xiàn)在支持的類目：社交（直播）、教育（在線教育）、醫(yī)療（互聯(lián)網(wǎng)醫(yī)院，公立醫(yī)院）、金融（銀行、信托、基金、證券/期貨、證券、期貨投資咨詢、保險(xiǎn)、征信業(yè)務(wù)、新三板信息服務(wù)平臺(tái)、股票信息服務(wù)平臺(tái)（港股/美股）、消費(fèi)金融）、汽車（汽車預(yù)售服務(wù)）、政府主體帳號(hào)、工具（視頻客服）。live-player實(shí)時(shí)音視頻播放媒體組件及媒體API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

live-pusher實(shí)時(shí)音視頻錄制組件，它的使用是需要取得用戶授權(quán)scope.camera、scope.record，針對(duì)特定類目開放的，需要先通過類目審核，再在小程序管理后臺(tái)，“設(shè)置”-“接口設(shè)置”中自助開通該組件權(quán)限?，F(xiàn)在支持的類目：社交（直播）、教育（在線視頻課程）、醫(yī)療（互聯(lián)網(wǎng)醫(yī)院，公立醫(yī)院）、金融（銀行、信托、基金、證券/期貨、證券、期貨投資咨詢、保險(xiǎn)、征信業(yè)務(wù)、新三板信息服務(wù)平臺(tái)、股票信息服務(wù)平臺(tái)（港股/美股）、消費(fèi)金融

金融產(chǎn)品視頻客服理賠、金融產(chǎn)品推廣直播等）、汽車（汽車預(yù)售服務(wù)）、政府主體帳號(hào)、工具（視頻客服）。live-pusher實(shí)時(shí)音視頻錄制媒體組件及媒體API應(yīng)用微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)商品詳情頁功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)13——實(shí)現(xiàn)商品詳情頁功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)商品詳情頁功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)商品詳情頁功能，來完成商品詳情頁功能。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)商品加入購物車功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)14——實(shí)現(xiàn)商品加入購物車功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)商品加入購物車功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)商品加入購物車功能，來完成商品添加到購物車功能。謝謝觀看微信小程序開發(fā)項(xiàng)目教程項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)購物車列表功能微信小程序開發(fā)項(xiàng)目教程

項(xiàng)目實(shí)戰(zhàn)：任務(wù)23——實(shí)現(xiàn)購物車列表功能項(xiàng)目實(shí)戰(zhàn)：實(shí)現(xiàn)購物車列表功能微信小程序開發(fā)項(xiàng)目教程目標(biāo)：通過實(shí)現(xiàn)購物車列表功能，來實(shí)現(xiàn)購物車商品列表顯示。謝謝觀看微信小程序開發(fā)項(xiàng)目教程商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

微信小程序onShareAppMessage分享轉(zhuǎn)發(fā)事件：

onShareAppMessage:

function

(res)

{

if

(res.from

===

'button')

{

//

來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕

console.log(res.target)

}

return

{

title:

'商品詳情',

path:

'pages/goodsDetail/goodsDetail'

}

}商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

微信小程序onShareTimeline分享朋友圈轉(zhuǎn)發(fā)事件：

onShareTimeline:

function

(res)

{

if

(res.from

===

'button')

{

//

來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕

console.log(res.target)

}

return

{

title:

'商品詳情',

path:

'pages/goodsDetail/goodsDetail'

}

}商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用微信小程序開發(fā)項(xiàng)目教程

微信小程序提供了4個(gè)轉(zhuǎn)發(fā)相關(guān)的API：（1）wx.showShareMenu(Objectobject)顯示當(dāng)前頁面的轉(zhuǎn)發(fā)按鈕，屬性參數(shù)withShareTicket是否使用帶shareTicket的轉(zhuǎn)發(fā)詳情；（2）wx.hideShareMenu(Objectobject)隱藏轉(zhuǎn)發(fā)按鈕；（3）wx.updateShareMenu(Objectobject)更新轉(zhuǎn)發(fā)屬性；（4）wx.getShareInfo(Objectobject)獲取轉(zhuǎn)發(fā)詳細(xì)信息；商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用商品詳情頁分享與轉(zhuǎn)發(fā)API應(yīng)用微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程位置API微信小程序開發(fā)項(xiàng)目教程

（1）wx.getLocation(OBJECT)獲得當(dāng)前位置

（2）wx.chooseLocation(OBJECT)選擇位置

（3）wx.openLocation(OBJECT)打開位置查看位置、獲得位置、打開位置位置API微信小程序開發(fā)項(xiàng)目教程

微信小程序提供wx.startLocationUpdate(Objectobject)是用來開啟小程序進(jìn)入前臺(tái)時(shí)接收位置消息，調(diào)用前需要用戶授權(quán)scope.userLocation。

微信小程序提供wx.startLocationUpdateBackground(Objectobject)是用來開啟小程序進(jìn)入前后臺(tái)時(shí)均接收位置消息，調(diào)用前需要用戶授權(quán)scope.userLocationBackground，授權(quán)以后，小程序在運(yùn)行中或進(jìn)入后臺(tái)均可接受位置消息變化。

微信小程序提供wx.stopLocationUpdate(Objectobject)是用來關(guān)閉監(jiān)聽實(shí)時(shí)位置變化，前后臺(tái)都停止消息接收。開啟/停止接收位置信息位置API微信小程序開發(fā)項(xiàng)目教程

信小程序wx.onLocationChange(functioncallback)來監(jiān)聽實(shí)時(shí)地理位置變化事件，需結(jié)合wx.startLocationUpdateBackground、wx.startLocationUpdate使用。監(jiān)聽實(shí)時(shí)地理位置位置API微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程收貨地址API微信小程序開發(fā)項(xiàng)目教程

微信小程序提供了收貨地址API，獲取用戶收貨地址，調(diào)起用戶編輯收貨地址原生界面，并在編輯完成后返回用戶選擇的地址，調(diào)用前需要用戶授權(quán)scope.address。收貨地址API收貨地址API微信小程序開發(fā)項(xiàng)目教程謝謝觀看微信小程序開發(fā)項(xiàng)目教程地圖組件及地圖API微信小程序開發(fā)項(xiàng)目教程

微信小程序提供了地圖功能，通過map地圖組件來開發(fā)與地圖有關(guān)的應(yīng)