1、在页面使用import{getLocation}from“@/utils/location.js”;getLocation()获取地址2、创建location文件import{checkOpenGPSServiceByAndroid}from'./openSettings.js'exportfunctiongetLocation(){returnnewPromise((resolve,reject)=>{uni.getLocation({type:"wgs84",success(res){},fail:function(err){uni.showModal({title:'提示',cont
摘要:很多小伙伴在初期学习ESP8266WIFI模块时会遇到很多的问题。其中主要包括:应该给ESP8266模块刷什么固件版本合适、STM32下位机应该怎样编写驱动程序以及大家可能都遇到过的连接服务器失败等问题。由于博主本人在学习使用ESP8266WIFI模块初期也遇到过类似的问题,现在博主将这些解决经验分享给有需要的小伙伴们。博主给ESP8266WIFI模块刷的MQTT固件,因此下面也主要给大家介绍一下刷MQTT固件的流程以及解决连接服务器失败的问题。一、给ESP8266刷鞋MQTT固件1.1ESP8266WIFI模块的选择博主买的是德飞莱的ESP-12SWIFI模组,如下图。其实买哪个模组不
个人项目地址: SubTopH前端开发个人站 (自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面)SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上👆是个人前端项目,欢迎提出您的建议😊以下是正文内容...............点击右上角...配置发送给朋友和分享到朋友圈功能..1.全局配置创建share.js文件exportdefault{ data(){ return{ //默认的全局分享内容 share:{ title:'函证管
思路:将标记物固定在地图正中间,地图拖动结束后,获取地图中心位置的经纬度信息html代码{{addr}}css代码.position-logo{position:absolute;width:77rpx;height:77rpx;top:calc(30vh-35rpx);left:50%;transform:translate(-50%,-50%);}.addr-info{padding:19rpx26rpx;background-color:rgba(0,0,0,0.66);box-shadow:0rpx0rpx10rpx0rpxrgba(0,0,0,0.66);opacity:0.8;bo
今天用uniapp写抖音小程序的时候,发现抖音小程序不支持axios(也许是我不会玩哈),那使用uniapp提供的请求方式总是可以的,毕竟uniapp对于小程序的友好度那是真没的说呀。那每个请求都写一套请求代码也太麻烦了,封装一个服务吧。直接上代码,我们把下面这个文件叫做http.js吧,里面的注释也很明白,伸手就能ctrlcv:constBASE_URL='https://用你自己的url替换';//设置基本请求URLconstrequestInterceptor=(config)=>{//添加请求拦截逻辑//在这里可以对请求进行处理,例如添加请求头、签名等config.header={..
MQTToverWebSocket标准的MQTT是通过TCP协议来进行通信的,这样网页就没法使用MQTT协议了一个变通的方法是,在同一个程序中,同时集成MQTT服务和一个WebSocket服务通过WebSocket服务,将MQTT服务收到的消息转发给网页,这样网页就也能使用MQTT协议了这种方案就叫做MQTToverWebSocket当然,也可以不用MQTT协议,全部通过WebSocket来通信也可以mosquittomosquitto是一个支持MQTToverWebSocket的MQTT代理服务器通过以下配置,可以让mosquitto同时开启MQTT和WebSocket #MQTT协议 po
uniapp的常用生命周期一、应用生命周期(App.vue文件)二、页面生命周期三、组件生命周期四、项目启动各个生命周期的执行顺序只列举常用生命周期,详细生命周期请看官网此文章吸收了其他多个文章的经验,从而自我总结的笔记一、应用生命周期(App.vue文件)生命周期名称触发时机onLaunch当uni-app初始化完成时触发(全局只触发一次)onShow当uni-app启动或从后台进入前台显示onHide当uni-app从前台进入后台二、页面生命周期uni.navigateTo({url:'...'})保留当前页面,使用uni.navigateBack可以返回到原页面uni.readirect
uniapp生成二维码uniapp生成二维码`最近在写需求的时候遇到了展示二维码入口,扫码后申请获取微信头像数据、微信名称上传至服务器作为待审核员工信息的需求提示:以下是本篇文章正文内容,下面案例可供参考一、二维码实习图参考了https://blog.csdn.net/lemontealin/article/details/104437584这篇文章并做了修改,要想实现二维码的生成的话是需要引用相应插件的,这个插件的作者是echo,echo写了整个ThorUI组件,我个人很佩服他,喜欢他的可以去ThorUI网站看看,学习一下。1)首先下载你需要下载weapp-qrcode.js(百度网盘下载链
1.新建一个工具类js文件2.把我封装的代码复制进去//引入vuex,因为我需要使用vuex存储得到的数据importstorefrom"@/store/index.js"//连接letsocketTask=null//是否主动关闭连接letmeClose=false//地址写你的后端连接地址leturl="ws://192.168.1.2:8888/ws/"lettoken=null//重连定时器letTime=null//心跳定时器letXTime=null//开启连接constsokcet=()=>{//我这个项目需要在连接的时候带token,不需要可以只写url地址 token=un
1.nvue页面使用nvue页面可以直接使用live-pusher组件。由于live-pusher是矩形的,一般人脸识别使用圆形,所以添加cover-image可覆盖在live-pusher上层,修改样式。template> div> divclass="livefater"> divstyle="width:300px;height:300px;border-radius:150px;overflow:hidden;"> live-pusherid='livePusher'ref="livePusher"class="livePusher"url=""mode="SD":mute