小程序setData原理

最新推荐文章于 2021-04-27 14:04:12 发布
最新推荐文章于 2021-04-27 14:04:12 发布
阅读量475 收藏
点赞数
原文链接：https://blog.csdn.net/m0_38082783/article/details/110129220
版权

小程序setData工作原理

小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备数据直接共享的通道。当前，视图层和逻辑层的数据传输，实际上通过两边提供的 evaluateJavascript 所实现。即用户传输的数据，需要将其转换为字符串形式传递，同时把转换后的数据内容拼接成一份 JS 脚本，再通过执行 JS 脚本的形式传递到两边独立环境。

而 evaluateJavascript 的执行会受很多方面的影响，数据到达视图层并不是实时的

weixin_kexiaokang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序this.setData()
wxqwxq123444的博客
06-09 1325
关于微信小程序this.setData()的理论知识
小程序SetData（）方法使用
11-09
小程序SetData（）方法使用
小程序setData工作原理理解图
qq_29069777的博客
10-29 1163
优化建议： 1.频繁的去setData--我曾经用这个弄过动画效果，当然后来发现JS动画不适合小程序，CSS3动画才是王道 2.每次setData都传递大量新数据--这个大量还真不好理解，暂时定为排行...
微信小程序之setData原理以及几点关于小程序的吐槽
weixin_33816821的博客
06-06 362
小程序不方便之处： 1： 想做个获取列表中每个item所在的对应滚动条的高度在哪里，或者元素本身的高度也不好获取，极其不方便，网上看的别人做的滚动条相关的，都是写死或者已知的item高度，目前没找到正确的方式，也可能是打开方式不对。 2：当点击某个按钮的时候想要获取当前滚动条的高度位置，不方便，只能在监听滚动条时刻滚动的时候获取最新的值存起来。这样的操作setData太耗费性能，毕竟vi...
setData的工作原理和注意事项
dancy_xinyun的博客
11-08 1171
setData工作原理： 小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备数据直接共享的通道。当前，视图层和逻辑层的数据传输，实际上通过两边提供的 evaluateJavascript 所实现。即用户传输的数据，需要将其转换为字符串形式传递，同时...
微信小程序 setData 对 data数据影响问题
10-17
在微信小程序中，`setData` 是用于更新页面数据的关键方法，它的工作原理和对 `data` 数据的影响是我们理解和优化小程序性能的重要部分。本篇文章将深入探讨 `setData` 的使用及其可能导致的一些意想不到的数据同步...
微信小程序 setData使用方法及常用错误解决办法
12-10
微信小程序 setData使用方法及常用错误解决办法 最近在弄微信小程序，类似于共享单车...结果没想到小程序setData()设置数组对象的某个元素的属性时根本没用。。。。。 然后百度一会儿找到了方法 //www.jb51.net/ar
微信小程序使用setData修改数组中单个对象的方法分析
10-17
在微信小程序中，由于其特殊的数据绑定和更新机制，开发者需要使用`setData`方法来更新页面数据。在处理数组中的单个对象时，需要注意一些关键点。本篇文章将深入探讨如何正确地使用`setData`来修改数组中单个对象的...
微信小程序的动画效果详解
08-31
本文将深入探讨微信小程序中如何实现动画效果及其原理。 首先，我们要了解小程序并非基于传统的Web技术如HTML、CSS和JavaScript，而是采用了一种名为WXML（WeChat Markup Language）的标记语言和WXSS（WeChat Style...
微信小程序实现折叠面板
08-28
微信小程序实现折叠面板的实现原理是通过控制详情部分的显示隐藏，来实现折叠效果，同时切换右侧向下箭头。下面是微信小程序MUI折叠面板的具体代码： 首先，我们需要在WXML文件中编写折叠面板的结构代码，包括头部...
微信小程序中 setData 详解
热门推荐
itclanCoder
06-21 2万+
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）如果不知...
微信小程序-setData()方法
weixin_30670151的博客
02-07 118
一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息 注意： 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。 方法如下： js: Page({ data: { text: 'init da...
微信小程序页面更新之setData
weixin_41069726的博客
03-22 411
1 this.setData({ magicNumber:Math.random() })
setdata的更新原理
qq_36262295的博客
04-27 265
要知道setState本质是通过一个队列机制实现state更新的。 执行setState时，会将需要更新的state和老的state合并后放入状态队列， 而不会立刻更新state，队列机制可以批量更新state。 如果不通过setState而直接修改this.state, 那么这个state，也就无法合并了，也不会放入状态队列中 [state以一种Object.assgine()的方式跟旧的state进行合并] 也就没办法去通知视图去更新。 ...
微信小程序：setData函数详解及注意事项
小程序公社
08-01 4588
在微信小程序中经常会使用到setData函数把变量渲染到视图层，那么什么是setData呢？如何使用？注意事项有些什么？下面我们就来详细了解一下！ 正文 setData是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。 setData函数用于将数据从逻辑层渲染到视图层（异步），同时改变对应的this.data的值（同步）。 实例1：简单实现点击修改变量值 <text>test：{{test}}</text> <button bindtap="bindTest"&
微信小程序踩坑之setData
刘杨造梦的博客
03-22 1299
好不容易才找到的官网的这段介绍 api文档里 压根没提 懒的话 放个链接也行啊 丢到那个角落 谁找的到 下面是原文 setData setData 是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下 setData 背后的工作原理。 工作原理 小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptC...
小程序setdata优化_微信小程序的setData
weixin_39898854的博客
12-20 275
由于微信小程序诞生于vue.js和react.js之后，所以他们在当初设计代码架构的时候也是借鉴了vue.js和react.js的想法，也遵循的组件化的方式，延用了setData的机制去把视图层和逻辑层做一个“中转站”两边连接起来。但是这种机制一直存在性能上的问题，微信小程序也不例外。先看一张图:这张图大体描述了一下setData的工作原理，当程序开始触发setData操作的时候，先把数据做成字符...
小程序setdata
最新发布
08-13
setData函数是微信小程序开发中一个频繁使用的接口，用于将数据从逻辑层渲染到视图层。它是一个异步函数，可以同时改变对应的this.data的值。通过setData函数，我们可以更新小程序的页面数据并实现视图的更新。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值