微信小程序渲染-阿里云

微信小程序picker选择器渲染json数据

json数据{ "msg": "查询成功", "code": 1, "data": [{ "id": 1413, "organName": "广西化工有限公司" }, { "id": 141...

微信小程序渲染后端返回的图片

ps: 最近因为小程序登录需要验证码验证，所以去研究了一波，微信小程序如何渲染后端返回来的图片回去重新看了一下微信小程序开发文档发现可以利用wx.request+wx.arrayBufferToBase64,直接将图片转成base64直接渲染 // 获取图片验证码 getCode(){ const ...

微信小程序-列表渲染过程中的命名冲突问题

发现问题对于在双重循环中需要在内层循环中访问外层循环的数据的情况，可以使用 wx:for-item 指令来为外层循环的变量指定一个新的名称。如下，展示了如何解决双重循环中的变量名冲突问题，并在内层循环中访问外层循环的数据： <block wx:for="{{outerList}}" wx:...

微信小程序-列表渲染

当使用wx:for进行列表渲染时，有一些需要注意的易错点 wx:for的使用对象：wx:for只能用于数组类型的数据，不能用于对象。如果要渲染对象中的属性，需要先将对象转换为数组。使用wx:key属性：在使用wx:for时，需要给每个渲染的子项添加一个唯一的wx:key属性，以便小程序能够正确地跟...

微信小程序-双线程渲染模型

微信小程序双线程渲染模型小程序的运行环境分成渲染层和逻辑层：WXML 模板和 WXSS 样式工作在渲染层，通过 WebView 进行渲染小程序会为每一个界面都创建一个 WebView 来渲染这个页面JS 脚本工作在逻辑层，通过 JsCore 线程运行 JS 脚本这两个线程的通信会经由微信客户端做中转...

微信小程序-WXML列表渲染Key

wx:key如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一标识符。wx:key 的值以两种形式提供：字符串：代表在 for 循环的 array...

微信小程序-WXML列表渲染

WXML 中的列表渲染在组件上使用 wx:for 控制属性绑定一个数组/数字/字符串, 即可使用数组中各项的数据重复渲染该组件，wx:for 默认自动将当前遍历到的数据放到 item 变量中，会自动将当前遍历的索引放到index变量中，如果想修改保存数据的变量名称，或修改保存索引的变量名称，我们可以...