项目遇到的问题以及解决方法---小程序页面因数据量大带来问题的优化

最新推荐文章于 2023-12-29 00:37:35 发布
原创 最新推荐文章于 2023-12-29 00:37:35 发布 · 6.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在小程序开发中遇到的城市列表首屏白页问题及解决方案。通过分析，确定问题源于数据量大导致的渲染耗时。采取分段加载策略，结合用户操作行为优化，确保快速显示基础内容并按需加载剩余数据，有效提高了用户体验。
最低0.47元/天 解锁文章
论一次 taro小程序分包优化经历，小程序体积过大的优化
业余前端的职业经历
01-19 4383
篇幅可能有点长。 感兴趣的童鞋 请耐心看下 都是经验总结哈 由于公司要在小程序上面加上一个聊天的功能 ，选来选去 最后选择了 腾讯的im 由于需要用到的一些功能可能比较新吧。所以优选选择了 最新的sdk 当时代码体积是 1.7M，但是没想到 就这个sdk 就有三四百kb 别说再加上聊天的业务代码了。 然后就开始了 长久的优化缩小 代码体积包的经历 下面就是 意义罗列出来 当时那些减少了体积，最后 保证了不影响现有业务的情况下 把小程序上了。当然空间也只剩下 50kb左右的空间 就溢出。很危险 。 这里
微信小程序setData数据量过大问题的解决与分页刷新加载的实现
aspire_cj的博客
07-18 4388
微信小程序官方文档对于setData的限制：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html 问题：从绿色框中可以看出，显示setData每次数据的上限是1024k，当数据量多大时，如何通过setData 来实现目的呢？ 解决：从红色框中可以看出，setData可以通过分批来对同一个data中的对象进行修改，而不是从新覆盖某个data中的对象。 常规方式通过setData提交数据的做法： 一次性将
小程序数据量过大问题
qq_38686150的博客
06-03 1602
setdata 官方描述 setData 理解 setData 函数用于将数据从逻辑层发送到视图层（异步） this.data 的值（同步） 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。 仅支持设置可 JSON 化的数据。 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题。 数据量过大 如何更新 业务场景：
微信小程序setData数据太大解决方案
weixin_37880401的博客
05-05 7471
微信小程序setData数据太大解决方案 setData报错
小程序setData()超限怎么办
qq_41763797的博客
08-04 4510
最近在做一个翻页交互，遇到点setData的坑，最后想了个办法给绕过去了，但我不知道各位有没有更好的办法，在这里分享下我的处理办法； 例如我有个列表，这个列表的总数据量不确定有多少，经我们产品交代，大促期间，至少会有1000条，从小程序的开发文档里可以看到setData对数据的限制是1024KB，因为之前我看文档时没有注意到这一点，所以我一开始在做分页的时候就用了错误的方法，上代码: wxml...
uni-app:从运行原理上面解决性能优化问题
01-27
本文将探讨uni-app的运行原理，以及如何从这些原理出发解决性能优化问题。 首先，uni-app的运行机制涉及到逻辑层和视图层的分离。逻辑层负责业务逻辑和数据管理，而视图层则处理页面的渲染。在非H5端，逻辑层与视...
微信小程序项目-美食列表
最新发布
05-13
3. **生命周期方法**：理解小程序页面的生命周期，如`onLoad`、`onShow`、`onHide`等，它们在页面的不同阶段被调用，用于处理数据加载、初始化或更新视图。 4. **API调用**：微信小程序提供了丰富的API接口，例如...
wxrssjs一个轻量级的事件订阅器主要解决微信小程序跨页面传参问题
08-10
总的来说，“wxrssjs”是微信小程序开发中的一个实用工具，它通过事件驱动的方式解决了跨页面数据传递的问题，提升了用户体验，简化了开发流程，值得在实际项目中考虑采用。通过学习和掌握这个库，开发者可以更高效...
wechat-app-mall-master7.0_商城小程序_微信小程序商城_
09-30
这款"wechat-app-mall-master7.0"项目，是针对微信小程序平台的一个开源解决方案，它允许开发者根据自身需求对源代码进行修改，以满足特定的商业场景和用户体验。 首先，我们需要了解微信小程序的基础知识。微信小...
2021下半年微信小程序期末大作业-优购商城小程序
12-07
2021下半年的期末大作业，可能是针对编程或软件开发课程的一个实践项目，让学生们通过实际操作来巩固和提升在小程序开发领域的技能。 首先，小程序的开发涉及前端技术和后端服务的整合。前端部分，开发者需要使用...
小程序setData设置数据超过1024kb页面不渲染
夏沫之初的博客
09-27 1829
缓解微信小程序setData数据量过大问题
小程序 超大json数据处理(省市区数据等等)
u013611033的博客
12-05 1739
在做小程序时候用的uniapp,遇到一个严重的问题.一个省市区数据300k左右,但是多个页面都用了这个数据,被多次打包的主包的运行文件内,造成总体积过大 JSON数据要求 键全部是双引号字符串 不允许有空格 (在线压缩工具,站长工具等) 不允许有注释, App.vue 中发请求获取json, 可以用datatype:json 进行转化一次 <script> import { getPosition } from "@/api/my/resume"; import { pro..
小程序处理大量数据列表的方法
weixin_33671935的博客
01-22 3076
前言 写博客主要是用来总结、巩固知识点，加深自己对这个知识点的理解。同时希望能帮助到有需要的人。如有不正确的地方。可以在评论区指出。你们的支持。是我不断进步的源泉。 小程序处理列表的简单方法 在项目中遇到数据量比较大的时候都会采用分页来进行数据展示。在小程序中也不列外。我们可以可以通过 onReachBottom（页面上拉触底事件）这个方法来实现分页请求。直接看代码： 请求列表数据的方法 lo...
记一次抽奖活动访问量暴增引发的系统崩溃问题总结
qq_41571395的博客
04-09 982
项目场景： 项目是一个区域性政府公共服务类的小程序，使用的用户体量还是挺大的。用的是Dubbo + Zookeeper的分布式架构，部署的服务器数量足够，且都是32G,64G的高性能服务器，基本不会存在硬件资源问题。临时进行一次抽奖活动，活动是用户未注册过进行注册，然后进行填写收货地址等信息就能参与抽奖了，已注册过的用户直接登记参与抽奖，就这样的一个活动，当然活动还有其他的逻辑，但总体不复杂。 问题描述 晚上更新版本后，开启抽奖活动，稍后一个拥有极多粉丝的官方公众号发文推广这次抽奖活动，用户访问量暴增，后
微信小程序解决页面数据处理多时页面卡顿的问题
热门推荐
a_靖的博客
03-12 2万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 解决思路： 第一步。默认整个页面都不显示。等数据加载出来了再显示 第二部。分段显示，每一个段落都默认不显示，使用 setTimeout 延时显示（根据段落递增延时的时间，中间间隔0.05秒） 示例图： demo代码 <view class='page_show' wx:if='{{p...
如何解决小程序 map 层级最高的问题？
Zhooson的博客
05-10 1万+
文档明确标注了：map 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。 那么官方页提供了解决的办法，是用cover-view的标签就可以这样的问题，顺便提一句，cover-view的标签不能写 :after 和 :before 等伪类写法...
小程序性能优化指南
努力是为了站在万人之中，成为别人的光
06-30 6494
随着小程序的广泛应用，性能优化变得越来越重要。优化小程序的性能不仅可以提升用户体验，还可以减少资源消耗，节省用户流量，提高小程序的排名。本文将介绍小程序性能优化的基本原理和常用方法，并通过示例代码演示具体实现。优化网络请求：减少请求数量、使用合适的数据格式、使用缓存等。优化页面渲染：避免过多的节点层级、避免频繁的重绘和重排、使用虚拟列表等。优化代码执行：避免频繁的数据绑定、合理使用异步操作、避免过多的页面跳转等。小程序性能优化是提升用户体验、减少资源消耗的重要手段。
解决微信小程序数据渲染缓慢或卡顿的方法 (uniapp vue3)
qq_42753091的博客
08-28 5888
解决微信小程序数据渲染缓慢或卡顿的方法 (uniapp vue3) 在微信小程序中渲染数据时通常会使用setData方法，但是setData对数据是有影响的，单次设置的数据不能超过1024kB，否则就会出现卡顿甚至有时会导致小程序闪退等现象。而我们平时在实现业务时，一般会采取数据分页而防止大量数据渲染导致小程序白屏/卡顿，例如在一些商城平台需要滚动时切换菜单，也需要回显购物车数据的情况下，无法进行分页处理，我的方法是把从接口获取到的数据进行格式化处理后，进行递归调用(递归一次进行一次setDate从而不进行
微信小程序uniapp出现白屏怎么解决（总集）
weixin_44295184的博客
12-29 1万+
微信小程序uniapp出现白屏怎么解决（总集）
wepy-compiler-styl：微信小程序Stylus编译插件优化
在微信小程序的开发中，组件化是一种提高代码复用性和维护性的开发模式，组件化开发可以让开发者更专注于组件功能的开发和优化，而不必过多关注组件间的依赖关系。而wepy是微信小程序组件化开发框架，它允许开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值