微信小程序开发系列1：微信小程序应用与开发环境建设

微信小程序开发系列2：微信小程序视图设计

本教程的前两篇文章介绍了如何使用下图所示的微信开发者工具自动生成一个Hello World微信小程序，并解释了自动生成的微信小程序的视图开发原理。

该系列的下一步将继续介绍微信小程序的控制器www.heyso.cn实现。在上一篇关于微信小程序视图源代码的解释中，我们通过逐行解释代码，介绍了微信小程序视图的基本开发控制器www.heyso.cn，仅仅采用静态代码检查是不够的。我们需要启动微信小程序，通过单步调试逐步解释。通过控制器的调用，我们可以对微信小程序的控制器有更深入的了解。

因此，首先要学习微信小程序的调试方法。

打开微信开发者工具，点击工具栏调试器按钮：

开发人员工具右侧的区域现在从上到下分为两部分：仍然是代码编辑页面，下面是红域是微信小程序的调试工具。

做过前端开发的朋友一眼就能看出，这其实是微信的开发者工具。

我还在微信微信官方账号汪子熙上写了一篇关于微信开发者工具使用技巧的介绍。感兴趣的朋友可以去看看:

链接如下：www.heyso.cn ** 微信&chk ** =微信微信微信#rd

打开调试器中的控制器www.heyso.cn,单击行号"3",然后行号3自动亮起，说明第三行已经成功设置了断点。

点击编译按钮，自动启动我们的小程序，自动触发设置在控制器中的断点。这样，我们就可以学习微信小程序控制器的调用。

手机上仍然可以打开微信小程序的调试器。** 询问微信小程序，点击屏幕右下角的微信按钮。

然后整个手机屏幕都充满了微信小程序的调试器。与安装在计算机上的微信开发人员工具相比，该调试器只能显示日志，执行一些简单的微信操作，但不能调试微信代码。

一些与微信小程序性能相关的参数和性能参数可微信小程序性能相关的参数和性能参数：

微信: 3ms 3毫秒的跳转时间

微信(微信): dom加载总共19毫秒

WXML标签页可以显示当前渲染视图的细节：

熟悉微信小程序的调试器，就可以开始下一章微信小程序控制器的学习。

上海西陆信息科技有限公司 承接各类微信小程序开发制作、小程序定制、APP 网站 开发制作，联系电话 18221533805、15900430334