小程序前端开发：wxml和scroll——透视组件的两个陷阱

一个wxml

先说wxml。事实上，wxml标签与HTML中的一些标签是一样的。 display标签相当于div标签。 ，text标签相当于span标签，但是是一个表单元素。这里需要注意的是，在微信小程序中，表单元素都是原生组件。微信小程序中原生组件位于最顶层，所以用到了input、canvas、map。您需要注意这些组件。例如，如果下面的注释是一个输入标签，然后点击优惠券显示您选择使用优惠券的浮层，就会出现以下情况：

输入中的value就会出现位于浮层上。这个问题的解决方法非常简单。在小程序中，输入有一个占位符类属性。我们只需要写一个类，并指定它的z-index: 1 只能小于浮层的权重。然后使用类占位符属性来绑定该类。但是，您在使用过程中可能会遇到其他问题。你可以和我讨论一下。另外，input标签不能设置font-family；每个人都有一个想法。无法直接漂浮：在入口处的左侧。您需要将视图设置在输入之外，然后将其浮动。

scroll-view 第二个组件

注意：

1. 请勿在 scroll-view 中使用文本区域、地图、画布、视频组件
2. scroll-to-view 的优先级高于 scroll-top
3. 在 scroll 视图中滚动时，页面会被阻止反射，因此在 scroll 视图中滚动时无法触发 PullDownRefresh

如果背景图像是本地的，则在此过程中也不会显示真实设备调制预览。 。显示：flex，ios中存在一些问题。

js也有很多陷阱。我们来谈谈他们的执行顺序。在开发工具中，首先运行aap.js，然后运行其他js文件。然而，在移动设备上，app.js 和其他 js 同时运行。例如，如果您将变量本地存储在app.js中，然后在index.js中加载该变量，那么它可以在开发工具中加载，但不会在移动设备上加载。当然，这也是我的逻辑问题，开发过程中也应该注意使用API​​。由于微信版本不同，使用API​​时一定要仔细阅读文档并做好兼容性处理。比如不兼容的友好提醒，否则报bug游戏就结束。跳过小程序页面时最多可打开五级。它不会跳过五个级别。所以大家要注意的是，跳转的时候可以关闭上一页。