快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

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

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

接近监控点

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://6mz.cn/article/pjedse.html

其他资讯