微信小程序实战中位置闹铃如何实现监控点状态迁移功能-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

微信小程序实战中位置闹铃如何实现监控点状态迁移功能

这篇文章给大家介绍微信小程序实战中位置闹铃如何实现监控点状态迁移功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

成都做网站、网站建设的开发,更需要了解用户,从用户角度来建设网站,获得较好的用户体验。创新互联多年互联网经验,见的多,沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司,打造的就是网站建设产品直销的概念。选择创新互联,不只是建站,我们把建站作为产品,不断的更新、完善,让每位来访用户感受到浩方产品的价值服务。

接近监控点

enterAlarmCheck: function (distance, accuracy){

   if (this.state == 'ready') {

     //500m

     if (distance < 500) {

       this.checkBuffer.push(1)

     } else {

       this.checkBuffer.push(-1)

     }

     if (this.checkBuffer.length > CHECK_BUFFER_SIZE){

       this.checkBuffer.shift()

     }

     var sum = this.checkBuffer.reduce(function(x,y){return x + y}, 0)

     if (sum == CHECK_BUFFER_SIZE) {

       this.setState('armed')

     }

   } else if (this.state == 'armed') {

     //100m

     if (distance < 100) {

       this.checkBuffer.push(1)

     } else if (distance > 500) {

       this.checkBuffer.push(-1)

     }

     if (this.checkBuffer.length > CHECK_BUFFER_SIZE) {

       this.checkBuffer.shift()

     }

     var sum = this.checkBuffer.reduce(function (x, y) { return x + y }, 0)

     if (sum == CHECK_BUFFER_SIZE) {

       this.setState('fired')

     }else if (sum == -CHECK_BUFFER_SIZE) {

       this.setState('ready')

     }

   } else if (this.state == 'fired'){ //fired

     this.checkBuffer.push(1)

     if(this.checkBuffer.length == 10){

       this.setState('accepted')

     }

   } else{

     if (distance > 100) {

       this.checkBuffer.push(1)

     } else {

       this.checkBuffer.push(-1)

     }

     if (this.checkBuffer.length > CHECK_BUFFER_SIZE) {

       this.checkBuffer.shift()

     }

     var sum = this.checkBuffer.reduce(function (x, y) { return x + y }, 0)

     if (sum == CHECK_BUFFER_SIZE) {

       this.setState('ready')

     }

   }

 },

补充说明

代码中最难理解的恐怕不是状态迁移本身,而是数组的用法。这里简单地说明一下。

push:在数据最后添加元素

shift:从数组开头删除元素

reduce:函数本身可以提供上次操作的结果并逐一对每个元素进行操作,这里用作数组所有元素地求和。

再回头看一遍,相信程序很容易理解。

最新状态图

在实现状态迁移地过程中,对状态图也进行了适当地修改,以下是最新的状态图。

微信小程序实战中位置闹铃如何实现监控点状态迁移功能

关于微信小程序实战中位置闹铃如何实现监控点状态迁移功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


本文名称:微信小程序实战中位置闹铃如何实现监控点状态迁移功能
链接地址:http://kswsj.cn/article/pjedse.html

其他资讯