微信小程序開(kāi)發(fā)系列1：微信小程序應(yīng)用與開(kāi)發(fā)環(huán)境建設(shè)

微信小程序開(kāi)發(fā)系列2：微信小程序視圖設(shè)計(jì)

本教程的前兩篇文章介紹了如何使用下圖所示的微信開(kāi)發(fā)者工具自動(dòng)生成一個(gè)Hello World微信小程序，并解釋了自動(dòng)生成的微信小程序的視圖開(kāi)發(fā)原理。

該系列的下一步將繼續(xù)介紹微信小程序的控制器m.89che.com實(shí)現(xiàn)。在上一篇關(guān)于微信小程序視圖源代碼的解釋中，我們通過(guò)逐行解釋代碼，介紹了微信小程序視圖的基本開(kāi)發(fā)控制器m.89che.com，僅僅采用靜態(tài)代碼檢查是不夠的。我們需要啟動(dòng)微信小程序，通過(guò)單步調(diào)試逐步解釋。通過(guò)控制器的調(diào)用，我們可以對(duì)微信小程序的控制器有更深入的了解。

因此，首先要學(xué)習(xí)微信小程序的調(diào)試方法。

打開(kāi)微信開(kāi)發(fā)者工具，點(diǎn)擊工具欄調(diào)試器按鈕：

開(kāi)發(fā)人員工具右側(cè)的區(qū)域現(xiàn)在從上到下分為兩部分：仍然是代碼編輯頁(yè)面，下面是紅域是微信小程序的調(diào)試工具。

做過(guò)前端開(kāi)發(fā)的朋友一眼就能看出，這其實(shí)是微信的開(kāi)發(fā)者工具。

我還在微信微信官方賬號(hào)汪子熙上寫(xiě)了一篇關(guān)于微信開(kāi)發(fā)者工具使用技巧的介紹。感興趣的朋友可以去看看:

鏈接如下：m.89che.com ** 微信&chk ** =微信微信微信#rd

打開(kāi)調(diào)試器中的控制器m.89che.com,單擊行號(hào)"3",然后行號(hào)3自動(dòng)亮起，說(shuō)明第三行已經(jīng)成功設(shè)置了斷點(diǎn)。

點(diǎn)擊編譯按鈕，自動(dòng)啟動(dòng)我們的小程序，自動(dòng)觸發(fā)設(shè)置在控制器中的斷點(diǎn)。這樣，我們就可以學(xué)習(xí)微信小程序控制器的調(diào)用。

手機(jī)上仍然可以打開(kāi)微信小程序的調(diào)試器。** 詢(xún)問(wèn)微信小程序，點(diǎn)擊屏幕右下角的微信按鈕。

然后整個(gè)手機(jī)屏幕都充滿(mǎn)了微信小程序的調(diào)試器。與安裝在計(jì)算機(jī)上的微信開(kāi)發(fā)人員工具相比，該調(diào)試器只能顯示日志，執(zhí)行一些簡(jiǎn)單的微信操作，但不能調(diào)試微信代碼。

一些與微信小程序性能相關(guān)的參數(shù)和性能參數(shù)可微信小程序性能相關(guān)的參數(shù)和性能參數(shù)：

微信: 3ms 3毫秒的跳轉(zhuǎn)時(shí)間

微信(微信): dom加載總共19毫秒

WXML標(biāo)簽頁(yè)可以顯示當(dāng)前渲染視圖的細(xì)節(jié)：

熟悉微信小程序的調(diào)試器，就可以開(kāi)始下一章微信小程序控制器的學(xué)習(xí)。

上海西陸信息科技有限公司 承接各類(lèi)微信小程序開(kāi)發(fā)制作、小程序定制、APP 網(wǎng)站 開(kāi)發(fā)制作，聯(lián)系電話(huà) 18221533805、15900430334