每日三思:优化微信小程序中倒计时占内存较大(19-0612-1917)

最新推荐文章于 2023-03-31 11:53:22 发布
最新推荐文章于 2023-03-31 11:53:22 发布
阅读量785 收藏
点赞数
文章标签： 倒计时
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/webfullstack/article/details/91600588
版权

小程序的倒计时存在暂用手机内存较大的问题,尤其是在列表中,如果每一项都有倒计时的话,一进页面就会卡死

解决思路

  1. 每次启用倒计时的时候,先清除倒计时,再启用(也就是一条腿走路,内存中只有当前的倒计时);
  2. 区分倒计时的情况,只有在全部的状态,和拼团中(有倒计时),才启用倒计时
  3. 页面进入onLoad()和onHide()清除定时器

代码显示(已脱敏)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

AlexKain
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序——解决IOS系统倒计时问题
jolieLi2019888的博客
04-23 1069
最近，项目中需实现下单后，24小时内未付款，则取消订单，页面显示剩余支付时间 逻辑代码: methods:{ timeFormat(param) { return param < 10 ? '0' + param : param; }, countDown(endTime) { let _that = this; clearInterval(interval); var interval = setInterval(() => { /
涂抹Oracle--三思笔记之一步一步学Oracle
07-23
资源名称：涂抹Oracle--三思笔记之一步一步学Oracle内容简介：本书作为一本创作之初就定位于技术应用的实践参考书，虽然前前后后串联了Oracle数据库中十余个常用特性或工具，但在章节的设计上完全遵循这一理念。...
5个让人赞不绝口的微信小程序，拒绝占用手机内存！
weixin_34197488的博客
02-13 244
现在人们对手机的需求越来越大的，再也不是简简单单的接听电话了，在工作和生活中也离不开手机了，为了满足需求大部分人会下载各种功能的APP，这样会占用手机的很多内存，降低手机的使用时间，其实现在很多的微信小程序也可以代替APP来帮助大家解决问题，今天小编在这里给大家分享5个小程序，教你释放手机内存。 1.一键查运费 相信很多人在寄快递的时候，...
微信小程序一招解决倒计时
weixin_34378045的博客
06-17 1627
针对一个页面列表中多个倒计时的难题 解决思路： 计时器单放一个数组，因为要实时操作，避免列表数据过大操作太笨重。 根据计时器列表的index 与列表数据的 index 相对，去找到自己对应的倒计时器。 页面刷新数据时要先 清除所有定时器 ，再重新加载，不然会出现连跳或者秒数来回跳动的问题。 // data里声明 timerList: [], allTimerList: [] // js 传...
微信小程序中使用缓存 优化
weixin_47194270的博客
08-15 411
##在微信小程序中使用缓存进行优化 主要思路：把请求到的数据存储到本地存储中去。判断本地存储中是否存在，如果存在，就从本地存储中获取对应数据，如果不存在就请求数据
微信小程序之性能优化
tanrong1104的博客
02-25 1856
高性能的用户体验才能更好的吸引和留住用户，下面说说在小程序中的一些性能优化的方法： 1、控制项目包大小：小程序代码包大小不能超过2M，所以控制代码包大小尤为重要，减小项目代码包的措施有 1）.清理无用代码 2）.采用分包策略 3）.压缩图片，使用适当图片格式 4）.精简代码，去掉不必要的WXML结构和未使用的WXSS定义 2、图片优化 1）.大图尽量存储在服务器端或者使用云存储进行链接式加载 2）.多图片可采用懒加载方案 3、内存优化 1）.离开页面时回收当前页面的定时器，释放内存资源 2）.onPageS
博睿BR-VP2000A系列拼接控制器拼接屏软件（内含使用说明）.rar
04-26
博睿BR-VP2000A系列拼接控制器是一款专为大屏幕拼接显示系统设计的高端设备，常用于监控中心、展览展示、指挥控制室等场合，提供高清晰度、高稳定性的图像处理能力。该软件是配合硬件设备进行拼接屏管理的核心工具，...
evo:Evo是一个功能强大的软件包，用于在Golang中快速编写针对后端和前端的模块化Web应用程序服务
04-28
EVO是一个功能强大的软件包，可用于在Golang中针对后端和前端快速编写模块化Web应用程序/服务。 特征 三思而后行，少编码，多做！ 同时瞄准前端和后端 使用极其简单。 很棒的超快速路径匹配和路由。 模块化和可...
君三思作品VMware中安装10g-RAC里用到的rpm大全
12-20
[root@node1 ~]# cat /etc/issue Red Hat Enterprise Linux Server release 5.1 (Tikanga) Kernel \r on an \m [root@node1 ~]# uname -a Linux node1 2.6.18-53.el5xen #1 SMP Wed Oct 10 17:06:12 EDT 2007 i686 i...
msmtp-scripts:msmtp周围的包装程序用作具有附加功能的MTA排队-开源
05-08
它还提供了一个极简的SMTP服务器模式）和一些其他功能，例如需要先三思而后行的其他功能，例如，“先验证后发送”（要求您在经过一定的延迟（冷静期）后确认您确实要发送电子邮件）他们发送的内容，或者在事发后倾向...
详解微信小程序用定时器实现倒计时效果
10-17
主要介绍了微信小程序用定时器实现倒计时效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
小程序中使用倒计时
weixin_30649641的博客
09-14 103
that.data.interval = setInterval(function () { // 秒数 var second = totalSecond; // 天数位 var day = Math.floor(second / 3600 / 24); // 小时位 var hr = Math.floor((second - day * 3600 * 24) / 3600); ...
如何微信小程序优化？
最新发布
2301_77175448的博客
03-31 997
总之，微信小程序优化是一个持续迭代的过程，需要不断地寻找问题并加以解决，才能不断提高小程序的性能表现，提升用户体验。1. 提高小程序加载速度：小程序的加载速度对于用户体验有很大影响，可以通过减少文件大小、合并相同请求、使用 CDN 等方式来提升加载速度。6. 使用分包加载：将小程序中的页面分为多个包，可以减少小程序首次启动的时间，并且可以优化小程序在运行时的性能表现。5. 优化渲染：小程序在渲染页面时会影响性能，可以通过优化布局、减少层级等方式来提高小程序的性能。
记一次小程序的倒计时的问题
a1543070977的博客
01-12 2018
小程序倒计时的写法 废话不多说，直接上代码，记录了我在写倒计时的时候遇到的坑 // 倒计时 countdowm(timestamp) { // console.log(timestamp); //传入结束的时间 如 2019-01-12 14:21:24 let self = this clearInterval(this.timer) this.time...
关于微信小程序倒计时组件安卓正常运行，ios异常问题
qq_41395531的博客
08-31 228
小程序倒计时组件安卓正常运行，ios异常问题 后端返回的时间 格式为 yyyy-mm-dd hh:mm:ss 我们代码里面自定义的倒计时组件需要的是时间戳，所以如果你是用的 Date.parse(yyyy-mm-dd hh:mm:ss) 原因就可以确定了 话不多说上代码 let startTime1 = res.timeLimitEnd let dateTmp1 = startTime1.replace(/-/g, '/') let aaa1 =Date.pars
微信小程序一个页面设置多个定时器实现倒计时
伦的IT历程
07-12 2771
最近业务上有个需求就是一个车辆管理列表，可以实现对每一辆车实现刷新，刷新的目的在于更新刷新时间，让车辆在首页展示时按刷新时间倒序排列。所以为了增强用户体验，得显示每辆车的刷新倒计时。话不多说，看初期UI设计的图 实现过程并不难，难就难在返回上一页进来后显示倒计时的文字就没有了。后面解决的办法时将点击刷新按钮的当前时间 存入缓存中，在重新进入页面时先判断缓存中是否存在此时间。 当这个问题也解决了...
微信小程序setTimeout实现单个倒计时以及循环倒计时(超详细,项目需要做个笔录)
青衫折扇的博客
11-26 2690
先来看一下效果图吧 循环倒计时 单个倒计时 接下来看一下具体代码吧 循环倒计时 wxml <!--pages/commodity/commodity-time-limit/index.wxml--> <wxs module="format" src="../../../../wxs/format.wxs"></wxs> <wxs module="filter" src="../../../../wxs/filter.wxs"></w
小程序倒计时深究
weixin_33970449的博客
12-27 187
小程序倒计时重叠抖动问题 因为请求数据写在onShow 函数里面，所以每次切换界面都会刷新，这就会导致，如果当前 定时器在跑的话，再次刷新会再次常见定时， 那么就会导致刷新几次有几个定时器，同时在跑，那么前端界面显示的计时数字 就会不时跳动，所以需要保证在跑的定时器只有一个。将定时器对象创建为全局的，在每次开启定时器的时候先清空之前的定时器。就可以解决刷新后计时闪动的问题了，或者在在tab页面，运...
小程序初涉——倒计时效果
HELLO WORD
08-14 562
近期做的一个类似头脑王者小程序项目，其中需要实现一个倒计时圆环的效果，如下图： 如果是平时的pc或H5的项目，要实现这个效果，可能选择性还会再多一些，包括使用SVG,transform等来实现。考虑到小程序的一些局限性，所以选择用canvas+js来实现。 canvas画圆环 话不多说直接贴代码,首先是wxml部分，需要定义canvas的canvas-id，也就是canvas的唯一标...
Oracle学习手册：ADT-21.1.0与DBA资源
值得注意的是，2012年3月9日，作者提及博客上新增了许多文档，但由于整理工作量大，手册并未及时更新，但即便存在错误，仍对初学者有一定帮助，因此将其转换为PDF版发布。 其次，关于"最新android ADT-21.1.0"，这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值