返回顶部
首页 > 资讯 > 精选 >微信小程序开发中如何使用移动平均消除抖动
  • 928
分享到

微信小程序开发中如何使用移动平均消除抖动

2023-06-19 10:06:41 928人浏览 八月长安
摘要

今天就跟大家聊聊有关微信小程序开发中如何使用移动平均消除抖动,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。增加了表盘的图形显示以后,这个小程序看起来是那么回事了。但是还有一个小毛病,

今天就跟大家聊聊有关微信小程序开发中如何使用移动平均消除抖动,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

增加了表盘的图形显示以后,这个小程序看起来是那么回事了。但是还有一个小毛病,数字也好,表盘的旋转速度,都不是很均匀。今天就来解决这个问题。

简单移动平均法


移动平均的计算公式如下: Ft=(At-1+At-2+At-3+…+At-n)/n,式中
Ft--对下一期的预测值;
n--移动平均的时期个数;
At-1,At-2,At-3和At-n分别表示前两次、前三次直至前n期的实际值。

简单的说,就是保留最近n次的值,然后求这些值的平均值。这样一来个别数据的抖动就会被其他数据中和,从而减少数据的抖动。

logs.js

Page({

 data: {

   angle: '--',

   directions:[0, 0, 0, 0, 0]

 },

 //指南针描画

 drawCompass: function (direction) {

 //此处省略

 },

 //事件处理函数

 onLoad: function () {

    var that = this;  

    wx.onCompassChange(function (res) {    

          //在数组尾部添加新数据

          that.data.directions.push(res.direction);

          //从数组头部删除一个数据

          that.data.directions.shift();

          //数组元素求和

          var total = that.data.directions.reduce(function (prev, v) { return prev + v })

          //求平均值

          var average = total / that.data.directions.length

          that.drawCompass(average);

          //保留1位小数

          var direction = average.toFixed(1) + '°';

          that.setData({ angle: direction })

        });

  },

})

主要的变化有两点:一个是在data中增加了一个名为directions的数组,并用5个0初始化;再有就是在 wx.onCompassChange中增加了计算移动平均的处理,详细可以参考注释。

                                            

看完上述内容,你们对微信小程序开发中如何使用移动平均消除抖动有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网精选频道,感谢大家的支持。

--结束END--

本文标题: 微信小程序开发中如何使用移动平均消除抖动

本文链接: https://www.lsjlt.com/news/295525.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 微信小程序开发中如何使用移动平均消除抖动
    今天就跟大家聊聊有关微信小程序开发中如何使用移动平均消除抖动,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。增加了表盘的图形显示以后,这个小程序看起来是那么回事了。但是还有一个小毛病,...
    99+
    2023-06-19
  • 如何在微信小程序中修复input抖动问题
    这篇文章给大家介绍如何在微信小程序中修复input抖动问题,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。修复:.dialog-input,.dialog-input-placeholder { he...
    99+
    2023-06-06
  • 微信小程序开发中如何使用wx.vibrateLong
    这篇“微信小程序开发中如何使用wx.vibrateLong”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何使用wx.vibrateLong”,小编整理了以下知识点,请大家跟着...
    99+
    2023-06-26
  • 微信小程序中如何开发
    这篇文章主要介绍了微信小程序中如何开发,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、序微信小程序,估计大家都不陌生,现在应用场景特别多。...
    99+
    2024-04-02
  • 如何使用vscode开发微信小程序
    1、安装插件 在vscode安装以下几个插件,再将微信小程序的项目导入即可进行小程序开发。vscode只能编辑代码,效果还需要在微信开发者工具中查看。插件安装完成之后,文件就能和微信小程序运行效果...
    99+
    2023-10-06
    微信小程序 vscode 小程序
  • 使用PHP开发微信小程序社交平台
    使用PHP开发微信小程序社交平台近年来,微信小程序受到越来越多人的欢迎,尤其是在社交领域。社交平台是大家在日常生活中最常用的应用之一,因此使用PHP开发微信小程序社交平台是很有意义的。开发微信小程序需要熟悉微信公众平台的相关知识和技术,并且...
    99+
    2023-05-14
    PHP 社交平台 微信小程序开发
  • 使用PHP开发微信小程序电商平台
    随着移动互联网的发展,微信已经成为了人们生活中不可或缺的一部分。而微信小程序也越来越受到人们的关注和使用。小程序的快速发展也带来了越来越多的商机。电商平台是其中之一。 在本文中,我们将介绍如何使用PHP开发微信小程序电商平台。一、了解微信小...
    99+
    2023-05-14
    PHP 微信小程序 电商平台
  • 微信小程序开发中如何实现animation循环动画
    这篇文章主要介绍了微信小程序开发中如何实现animation循环动画,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。截图如下:实现代码:ind...
    99+
    2024-04-02
  • 如何使用PHP开发微信小程序的动画制作功能?
    如何使用PHP开发微信小程序的动画制作功能?随着微信小程序的发展,越来越多的开发者开始关注和学习微信小程序的开发。其中,动画制作功能是微信小程序中非常重要的一个特性。它能够帮助开发者为小程序添加生动、炫酷的动画效果,提升用户体验。在本文中,...
    99+
    2023-10-27
    微信小程序 PHP开发 动画制作
  • 如何使用PHP开发微信小程序的运动追踪功能?
    如何使用PHP开发微信小程序的运动追踪功能?随着人们健康意识的不断提高,越来越多的人开始注重运动。微信小程序的流行使得开发运动追踪功能成为可能。本文将介绍如何使用PHP开发微信小程序的运动追踪功能,并提供相关的代码示例。首先,我们需要在微信...
    99+
    2023-10-27
    微信小程序 PHP开发 运动追踪
  • 微信小程序 | 微信公众平台SpringBoot开发实例 │ 模板消息的应用开发
     在手机微信公众号中输入文本(如“你好”),公众号发送两条模板消息,如下图所示。 1、说明 1●模板消息的基本规则 模板消息用来帮助公众号进行业务通知,是在模板内容中设定参数(参数必须以{ {开头,且以.DATA} }结尾)并在调用时为这...
    99+
    2023-09-20
    微信公众平台 java 开发语言 微信小程序 小程序
  • 微信小程序如何开发animation心跳动画效果
    小编给大家分享一下微信小程序如何开发animation心跳动画效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、微信小程序开...
    99+
    2024-04-02
  • 微信小程序开发页面如何添加文字自动滚动
    微信小程序开发页面添加文字自动滚动的案例:通过控制滑动条来完成文字滚动,通过setinterval完成文字循环滚动。在对应的wxml文件中添加以下代码:<scroll-view class="container&q...
    99+
    2024-04-02
  • 微信小程序如何实现移动端滑动分页效果
    这篇文章主要介绍微信小程序如何实现移动端滑动分页效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一般在PC上我们要分页都是通过上一页和下一页来实现的,手机通过当下滑到一定程度的时候...
    99+
    2024-04-02
  • 微信小程序开发中如何显示消息提示框
    本文将为大家详细介绍“微信小程序开发中如何显示消息提示框”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“微信小程序开发中如何显示消息提示框”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一...
    99+
    2023-06-26
  • 如何利用C++平台进行移动应用程序开发?
    使用 c++++ 开发移动应用程序需要跨平台框架,如 qt creator、juce 或 react native c++。具体可按以下步骤使用 qt creator 创建移动应用程序:...
    99+
    2024-05-11
    c++ 移动应用程序开发 移动应用程序 模拟器
  • 如何使用微信小程序开发弹出框
    小编给大家分享一下如何使用微信小程序开发弹出框,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!view class=&q...
    99+
    2024-04-02
  • 微信小程序开发中如何使用箭头函数
    小编给大家分享一下微信小程序开发中如何使用箭头函数,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!箭头函数的使用当我们调用接口请求...
    99+
    2024-04-02
  • 如何用PHP开发微信小程序的运动课程预订功能?
    如何用PHP开发微信小程序的运动课程预订功能?随着健康意识的提高和运动热潮的兴起,越来越多的人开始参加各种运动课程。为了方便用户预订运动课程,我们可以利用PHP开发一个微信小程序的运动课程预订功能。下面将详细介绍如何实现。创建数据库和相关表...
    99+
    2023-10-27
    微信小程序 PHP开发 运动课程预订
  • 小程序开发中如何发起微信支付
    这篇文章主要为大家展示了小程序开发中如何发起微信支付,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序开发中如何发起微信支付”这篇文章吧。发起微信支付。Object参数说明:参数类型必填说明ti...
    99+
    2023-06-26
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作