如何解决"存在将未绑定在 WXML 的变量传入 setData"问题

最新推荐文章于 2022-07-06 16:38:48 发布
最新推荐文章于 2022-07-06 16:38:48 发布
阅读量2.5k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37252374/article/details/103635900
版权
本文详细介绍了在优化小程序性能过程中，遇到的“存在将未绑定在WXML的变量传入setData”的问题。通过分析和实践，作者发现变量值在变更前已传递至视图层，为此加入判断条件，最终在开发者工具的Audits测试中解决了该提示。
摘要由CSDN通过智能技术生成

最近优化公司的小程序性能时，在开发者工具中Audits中测试，发现“存在将未绑定在 WXML 的变量传入 setData”
在这里插入图片描述
但是查看代码上是有进行绑定的，
后来，在控制台输出发现，绑定的变量，值还没有出现变更的时候就到试图层了。

所以我就在加了判断

在这里插入图片描述
在去开发者工具中Audits中测试，就没有这个提示了。

咚咚--梅
关注
WXML 模板简明教程
m0_58859743的博客
07-11 1664
WXML 全称是 WeiXin Markup Language，是小程序框架设计的一套标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。打开开发工具的编辑器，在根目录下找到 app.json 文件，双击打开，在 "pages/index/index" 上新增一行 "pages/wxml/index" 保存文件。模拟器刷新后，读者可以在编辑器中找到 pages/wxml/index.wxml 文件，本小结的学习通过修改这个文件来完成。WXML 文件后缀名是 .wxml ，打开 pages/wxm
微信小程序_文档_03_框架_视图层_WXML_数据绑定_列表渲染_事件处理
pre_eminent的JAVA学习园地
06-02 626
视图层框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。WXSS(WeiXin Style Sheet) 用于描述页面的样式。组件(Component...
微信小程序优化
diaojun0032的博客
03-11 6345
setData setData是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下setData背后的工作原理。 工作原理 小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备数据...
微信小程序 性能体验报告 待优化 发现将未绑定在 `WXML` 的变量传入 `setData` 调用
潮湿的桥
11-06 1710
建议：每一次的 setData 调用都会引起框架处理一些渲染界面相关的工作，一个未绑定在 WXML 的变量意味着与界面渲染无关，传入 setData 调用会造成不必要的性能消耗。 ...
查看未绑定变量的sql
cri3224的博客
03-29 187
摘抄 WITH c AS (SELECT FORCE_MATCHING_SIGNATURE, COUNT(*) cnt FROM v$sqlarea WHERE FORCE_MATCHING_SIGNAT...
oracle扫描报未使用绑定变量,9.检查未绑定变量的语句(硬解析状况)
weixin_28778005的博客
04-06 689
检查未绑定变量的语句(硬解析状况)上节我们介绍了如何通过Django获取Oracle 执行次数等于一的语句，而这些语句很有可能是未使用绑定变量导致，这节讲如何获取其具体的信息开发环境操作系统:CentOS 7.3Python版本 :2.7Django版本: 1.10.5操作系统用户:oracle建立页面的步骤我们还是通过这张图的步骤来说明如何建立页面urls.py页面首先是monitor/urls...
小程序优化
西洲
05-21 1874
前言： 小程序已上线一段时间，评测结果性能良好，这个成绩相对来说还是不错，但是良好不是我们的目标，优秀才是。 1、开发者工具进行评测 评测步骤： 微信开发者工具­——》调试器——》Audits——》运行（操作）——》结束 点击运行以后，尽可能多的对小程序进行操作，最好覆盖全页面和所有的交互动作。操作完成以后，点击结束，出行评测结果以及评测的具体列表，需要优化的地方。 2、性能优化 2.1存在将未绑定在 WXML 的变量传入 setData 详解：setDat...
微信小程序性能优化总结
xiangzhihong8的专栏
07-06 6109
对微信小程序进行性能优化，主要可以从两大方面进行分析：性能扫描工具和代码优化。微信小程序提供了一个“体验评分”的工具插件，可以使用它获得微信小程序的一些性能数据和明显的缺陷，进而根据报告进行相应的优化。 同时，为了方便开发者能够及时发现小程序的体验问题，从开发者工具 1.02.1811150 版本起支持体验评分的 “自动运行” 功能。一旦发现体验分数低于 70 分时，系统会在 console 面板打印一个 warning 信息提示开发者。 然后，根据效果图的分析报告，查看需要优化的细项，并根据说明一一进行优
微信小程序之前台循环数据绑定
08-29
这时，只需要调用`this.setData()` 方法，传入新的数据对象，微信小程序会自动处理数据绑定，更新视图。 总的来说，微信小程序的前台循环数据绑定是通过`wx:for`属性实现的，它允许开发者轻松地遍历并展示数组或...
WXML标签---html--template模板
weixin_45625673的博客
11-22 1562
WXML和 HTML 非常相似，WXML 由标签、属性等等构成。但是也有很多不一样的地方，下面来一一阐述一下： （1）标签名不一致 HTML 经常会用到的标签是 div, p, span，开发者在写一个页面的时候可以根据这些基础的标签组合出不一样的组件， 例如弹窗等等。既然都需要这些组件，那干脆把这些常用组件包装起来，大大提高开发效率。 小程序的 WXML 用的标签是 view, butt...
微信小程序（WXML模板文件一）
weixin_45343884的博客
08-17 1067
（1）页面根元素 根元素page 每一个页面都具备一个根元素：<page></page> 页面根元素可以在控制台的WXML选项卡中看到 允许在wxss文件中对page根元素进行样式设置 （2）WXML简介 1）WXML 全称是 WeiXin Markup Language，是小程序框架设计的标签语言。 2）WXML 充当的就是类似 HTML 的角色。—（但是也有不同，下） ...
12.24小程序优化之道
web
12-24 8063
小程序优化之道开发者工具评分的使用优化的常见问题及解决方法存在将未绑定在 WXML 的变量传入 setData存在可点击元素的响应区域过小存在图片太大而有效显示区域较小 谈到小程序的优化，首先我们得知道小程序有哪些点需要优化,可以查看微信官方文档。 https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html “工欲善其事，必先利其器”，小程序开发工具为我们提供了贴心的问题提示。主要从 性能、体验、最佳实践三
小程序性能和体验优化方法
qq_35633723的博客
04-29 2521
直接上图 小程序应避免出现任何 JavaScript 异常 出现 JavaScript 异常可能导致小程序的交互无法进行下去，我们应当追求零异常，保证小程序的高鲁棒性和高可用性 小程序所有请求应响应正常 请求失败可能导致小程序的交互无法进行下去，应当保证所有请求都能成功 所有请求的耗时不应太久 请求的耗时太长会让用户一直等待甚至离开，应当优化好服务器处理时间、减小回包大小，让请求快速响...
微信小程序开发需要注意的一些规范
weixin_34153893的博客
04-30 1948
今天的工作已经做完，在马上就进入五一假期的下班焦躁时刻，来个简单的微信小程序开发规范总结。 1.小程序应避免出现任何 JavaScript 异常 出现 JavaScript 异常可能导致小程序的交互无法进行下去，我们应当追求零异常，保证小程序的高鲁棒性和高可用性，相信这一点一般情况下都不会出现，需要注意的是代码测试中多场景的试错。 2.合理控制图片的大小 图片太大会增加下载时间和内存的消耗...
通过小程序性能体验报告，我们早知道小程序开发过程中应该注意哪些问题
WeiHan_Seven的博客
02-16 1317
体检项详情 1.启动性能： 待优化 描述：根据近期小程序的启动耗时、打开率等数据综合评估 建议：减少代码包体积（如使用分包、独立分包），提高启动性能。 查看加载性能监控 2.页面加载性能： 性能良好 描述：根据近期小程序的页面加载耗时数据评估 3.JS接口性能： 性能良好 描述：根据近期小程序的JS接口错误数等数据综合评估 4.网络性能： 待优化 描述：根据近期小程序的网络请求成功率、请求耗时...
微信小程序（小程序模型与宿主环境）
woshierdanya的博客
08-22 497
小程序的运行环境分成渲染层和逻辑层， WXML 模板文件和 WXSS 样式文件工作在渲染层，JS 逻辑文件工作在逻辑层。 渲染“你好！”案例： XML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量 <view>{{message}}</view> JS 脚本使用 this.setData 方法把 msg 字段设置成 “你好!” /* 生命...
wxml数据绑定
齐枫的博客
09-23 2189
WXML 中的动态数据均来自对应 Page 的 data。 简单绑定 数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于： 内容 view> {{ message }} view> Page({ data: { message: 'Hello MINA!' } }) 组件属性(需要在双引号之内) view id="item-{{id}}
wxml引用js变量
最新发布
09-04
在WXML文件中引用JS变量需要通过数据绑定的方式来实现。 首先，在JS文件中定义需要引用的变量，例如： ``` Page({ data: { message: 'Hello World!' } }) ``` 然后，在WXML文件中使用双花括号`{{}}`将变量嵌入到需要的位置，例如： ``` <view>{{message}}</view> ``` 这样，WXML文件中`<view>`标签的文本内容就会显示为`"Hello World!"`。 可以通过这种方式在WXML文件中引用JS文件中定义的任意变量，只需在WXML文件中使用双花括号将变量包裹起来即可。同时，被引用的变量必须是JS文件中定义的`data`数据对象中的属性，否则无法引用。 需要注意的是，若JS文件中的变量数据发生改变，WXML文件中引用的变量内容也会自动更新。这是由于小程序框架会进行数据绑定和微信数据响应式的特性决定的。 总结起来，WXML文件引用JS变量的操作可以通过在WXML中使用双花括号`{{}}`将变量嵌入到对应位置实现。这样，就可以在WXML中方便地使用和展示JS文件中定义的变量。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值