Chocolate的博客

最近学习微信小程序，用到了scroll-view控件，发现bindscrolltolower事件总是不能触发，修改后可正常触发了，注意下面几点。

如果报错：[微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。写下微信小程序试试，使用工具HBuilderX。可在微信开发者工具中执行下图操作。试用下是不是这么厉害。新建项目，选了默认模板。

有问题多指教是一个基于百度AI变脸的小程序，基本功能如下图。

测试发现通过typeof判断节点是否存在时要一层层判断，如果result.data.result已经不存在，直接判断result.data.result.image会出错。要取节点result.data.result.image的值，正常情况下有该节点如下图所示。所以添加节点是否存在和是否为空的判断，存在且不为空时才显示。但出错的情况下该节点不存在，直接取会出错。

imgType也默认设置成第一个的值。初始化的时候默认勾选第一个。

设计时如果需要图片显示的height是固定的，width根据图片自身比例自适应，则image需要加上mode="heightFix"，该image的class只设置width，不设置height。设计时如果需要图片显示的width是固定的，height根据图片自身比例自适应，则image需要加上mode="widthFix"，该image的class只设置height，不设置width。当图片的长宽比例和显示的位置的长宽比例不一致时，图片显示会失真。

这两天学习了一下微信小程序开发，碰到不少坑，其中宽高百分比设置有的成功，有的不成功，后来发现要先在wxss中设置page的宽高百分比，其它容器都是page的子容器。