![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
_小郑有点困了
我的月亮永悬不落。
展开
-
uniapp开发小程序-工作笔记2
【代码】uniapp开发小程序-工作笔记2。原创 2022-12-27 15:58:38 · 137 阅读 · 0 评论 -
uniapp开发小程序-工作笔记
公司开始安排本人开发微信小程序,于是乎研究了一点关于uniapp的api和注意的点。之前的getuserInfo不能用了,每次都会弹窗,用户确认允许后才可以拿到用户信息。onInit 页面初始化 参数等同onLoad,早于onLoad。onHide 前台进入后台 隐藏页面的时候显示。onLoad 页面加载 参数为上个页面传递的参数。onShow 后台进入前台 显示页面的时候。onShow 每次页面显示,包括下级页面返回。如果在页面同时使用了vue 的生命周期。原创 2022-11-28 16:00:29 · 834 阅读 · 0 评论 -
小程序发布正式版之后检测新版本并自动下载更新(wx.getUpdateManager())
小程序发布正式版之后检测新版本并自动下载更新首先陈述一下背景:最近uniapp做小程序,经常遇到问题,测试反馈bug,但是有些bug只能在正式服才能看到,所以就需要改问题一定要发布正式版才能测。1,例如:公众号推送消息,从模板消息跳转小程序,体验版是不能进行跳转的,因为需要公众号和小程序绑定,都得是正式版才可以相互跳转。但是有时候发布之后,每次都要移除小程序,重新搜索进来,真实环境,当我们修改问题,发布,不可能让用户每次都删除重进吧,不太贴心,略显繁琐。2,发布之后尽管重新移除小程序,也不确定,当前原创 2021-05-12 10:01:19 · 978 阅读 · 0 评论 -
uniapp使用Mescroll(上拉加载下拉刷新)
uniapp使用Mescroll官网:https://www.mescroll.com/1.安装2.全局引入import MescrollBody from "mescroll-uni/mescroll-body.vue"import MescrollUni from "mescroll-uni/mescroll-uni.vue"Vue.component('mescroll-body', MescrollBody)Vue.component('mescroll-uni', Mescroll原创 2021-03-17 15:31:29 · 1704 阅读 · 0 评论 -
uniapp需要create等待onshow中的操作执行完毕再执行的实现
uniapp需要create等待onshow中的操作执行完毕再执行的实现可能是之前没怎么用到过这个东西,事件广播。场景:当你的小程序需要检测用户摄像头授权是否开启的时候,授权弹框只会在首次才弹出,如果很意外的首次用户点了拒绝授权,那么他以后再进入就会一直是未开启授权的状态,而你的小程序是必须要用户开启授权的,那么就影响到整体的流程了,没法玩了。所以你就得在手动加个检测的方法,(具体怎么加,见之前的博客),但是这个方法加在哪里呢,我选择放在onshow,用户未授权,会提示用户必须开启,提供跳转开启授权原创 2021-03-12 09:58:34 · 3229 阅读 · 0 评论 -
记一个开发遇到的奇怪的问题(h5跳转小程序进行视频通话遇到的)
记一个开发遇到的奇怪的问题(h5跳转小程序进行视频通话遇到的)问题1:当h5页面跳转到小程序后先监测各种该开启的授权都开启后,就进行websocket连接,但是由于是从h5跳转过去的,在移动端手机上的表现是,h5会被后台挂起,像浏览器的window.open(path, ‘_blank’)操作一样,新开了一个界面出来。h5被挂起就可能会出现一个有点恶心的问题,而且我们不知道用户会有什么奇怪的操作;例如可能出现的情况:ws连接中,视频另一端还没接通,但是客户把小程序切到后台了,然后重新又点击拨打原创 2021-03-12 09:41:59 · 419 阅读 · 1 评论 -
vue移动端判断手指在屏幕滑动方向
vue移动端判断手指在屏幕滑动方向 //屏幕滑动 //手指按下屏幕 handleTouchstart(event){ this.startTime = Date.now() this.startX = event.changedTouches[0].clientX this.startY = event.changedTouches[0].clientY},//手指离开屏幕handleTouchend(event){ const endTime = Date.now() co原创 2021-03-02 15:42:20 · 1307 阅读 · 0 评论 -
小程序安卓手机图片正常显示,ios不显示
小程序安卓手机图片正常显示,ios不显示博客搜到说什么webp格式之类的结果,实际上是cover-image不支持base64格式,因为部分图片是import进去的,所以都换回src原创 2021-02-24 15:48:12 · 1505 阅读 · 0 评论 -
uniapp检测小程序相关授权是否开启,未开启提示开启
uniapp检测小程序相关授权是否开启正常开发的小程序,必定需要在提示授权的时候用户必须选择”授权“才能保证小程序整体功能以及流程的正常使用,但是众所周知,这个授权提示,弹出一次过后就不会再弹出了,用户又不知道去怎么回事,就成了影响用户体验的bug,所以需要加点操作,在所有功能之前检测涉及的授权是否全部开启,如果没有开启就跳转去设置权限的页面,然后设置回来,会走onShow这个生命周期,需要getSetting再判断一次这些权限的状态。方法一:(直接uni.authorize,然后检测某个权限,如原创 2021-02-24 14:52:20 · 2474 阅读 · 0 评论 -
记一下最近做的腾讯实时视频(TCRC)
记一下最近做的腾讯实时视频业务需要,在客户端加一下跳转小程序,在小程序里面进行和pc客户的视频/语音通话。于是乎就用到了腾讯的tcrc实时视频。博客也有很多大佬做过了,我只是班门弄斧,记录一下自己弄的。1,官方demo下载官方demo,附地址:https://github.com/undefineders/WXMiniByUniapp-TRTC,然后导入本地HbuilderX中,运行到小程序,如果运行成功进行下一步。填好secret以及sdkid啥的运行到开发者工具,记住这样是不行的,要真机调试才可原创 2021-01-30 14:37:58 · 1581 阅读 · 9 评论 -
记一下最近做的h5网页跳转小程序
最近项目有个需求,接入腾讯视频通话,于是就做了个视频通话的小程序,目的是小程序这端发起通话与pc客服进行实时视频通话。但是我们的业务是在h5端进行跳转小程序,于是乎就来研究这个,实际上这部不难,只是因为项目依赖框架以及开发模式多了很多不必要的麻烦。废话不多说,介绍怎么跳转的。博客已经很多大佬做过了,也算是踩着巨人的肩膀进行开发,没啥过多麻烦。参考这个博主:https://xiabing.blog.csdn.net/article/details/108082246我的效果图:1,首先域名问题登录原创 2021-01-30 14:17:32 · 256 阅读 · 1 评论 -
uniapp-map基本使用
页面元素: <map style="width: 100%; height: 100%" id="map1" ref="map1" :show-location="true" :latitude="map.latitude" :longitude="map.longitude" :scale="map.scale" :markers="map.covers" @markertap="markertap" ..原创 2020-12-25 15:58:58 · 6147 阅读 · 0 评论 -
uniapp一些常用api以及图片预览以及跳转带参数
//加个loadinguni.hideNavigationBarLoading()uni.hideHomeButton()uni.showLoading({ title: '登录中'})小程序提示 uni.showToast({ icon: "none", duration: 1000, position: 'top', title: "还没加", })uni图片预览 <img :src="imgList.input.ur原创 2020-11-30 09:08:43 · 1076 阅读 · 0 评论 -
uniapp的api异步转同步
uniapp的api异步转同步await new Promise(async r => { 在需要reject的地方 r() })例如event:let isOk = await this.methods('submit') //手动登陆 会进行绑定 这里的isOk始终是false 所以用promisemethods: async submit() { let isOk = false await new Promise(async r => {原创 2020-11-30 09:04:34 · 2617 阅读 · 0 评论 -
uniapp因为使用map或uchart被迫使用cover-view遇到的问题
小程序 cover-view只支持基本的定位、布局、文本样式。不支持设置单边的border、background-image、shadow、overflow: visible等。原创 2020-11-27 15:32:35 · 1667 阅读 · 0 评论 -
小程序图片正确使用方式(防止发布之后不显示)
小程序图片正确使用方式(防止发布之后不显示)首先体积,其次引入方式小程序发布图片不显示 使用import加载图片import bgUrl from '@/static/img/order.jpg';图片压缩在线https://www.apowersoft.cn/compress-image-online...原创 2020-11-27 15:30:15 · 304 阅读 · 1 评论 -
小程序页面使用“navigationStyle“:“custom“之后手动加标题的方法(判断机型)
小程序页面使用"navigationStyle":"custom"之后手动加标题的方法手动定位上去下面这个方法可以获取状态栏高度和导航栏高度以及机型uni.getSystemInfo({ success: (e) => { let statusBar = 0 // statusBar ---------- 状态栏高度 let navBar = 0 // statusBar ---------- 状态栏高度 let customB原创 2020-11-27 15:28:42 · 1528 阅读 · 0 评论