uniapp
文章平均质量分 62
uniapp
Jay丶萧邦
uview维护组成员;LOL全能型混子;Jay&Vae的忠实粉丝;骑电车贼6的前端攻城狮;未完待续...
展开
-
uni-app:踩坑路---关于使用了transform导致fixed定位不生效的问题
2.老办法,保留transform属性,但是需要避免在其子元素上使用fixed定位,如果非要使用,那就需要考虑将fixed的元素拿出去,这点其实在VUE3中解决起来很方便。继续记录,在上篇文章中,弹出框遮罩层在ios上没有正确的铺盖全屏,是因为机型的原因,也和我们的代码结构有相关的问题。经过我一层层的排出,最后得出了一个惊人的结论,居然和我的弹出框组件有关,还是最让人意想不到的css的transform属性。点击蓝色方块,展示一个遮罩层:没想到这个遮罩层他又又又被截断了,没有去正确的铺满全屏。原创 2024-07-21 18:00:40 · 419 阅读 · 0 评论 -
记录uni-app横屏项目:自定义弹出框
Jay丶萧邦原创 2024-07-20 16:21:28 · 378 阅读 · 0 评论 -
如何获取到他人小程序的页面路径
有时候吧,我们会用到小程序之间跳转的业务场景;大部分情况:从公司的一个小程序跳转到公司另外一个小程序。因为我们都属于两个小程序的开发者,所以对于小程序的页面路径,appid等信息肯定都是了解明白的,此时我们利用微信提供的小程序跳转api:uni.navigateToMiniProgram可以很轻易的完成。特殊情况:要从自己公司开发的小程序跳转到他人的小程序,比如美团小程序,京东小程序等等,别人小程序的信息,我们当然是不知道的,鬼知道它的页面路径叫什么。。。原创 2023-04-12 09:57:49 · 5999 阅读 · 5 评论 -
uniapp:手把手写一个模糊搜索
模糊搜索的功能是很常见的一个功能,但是在写uniapp移动端项目时并没有发现很好用的组件之类的,所以决定自己小小的造一手,其实早在以前写过一个类似的功能并发布在了插件市场,但是回头再看时,感觉不太行。之后也会发布在插件市场,如果没有bug的话😁;原创 2023-02-09 16:37:28 · 2400 阅读 · 0 评论 -
uView:如何正确的使用防抖和节流,以及如何解决错误:TypeError: Property value expected type of string but got null
目录前言节流无传递参数: 1. 在模板中使用(推荐) 2. 在js中调用有参数传递 1. 错误示范 2. 正确写法:反思错误:TypeError: Property value expected type of string but got null防抖无传递参数有参数传递前言最近在看uview,QQ群成员提出的问题,有几个关于节流防抖的方法使用,不是很熟练,尤其是当遇到传递参数的时候,很懵逼.........原创 2022-05-31 21:30:00 · 4500 阅读 · 5 评论 -
微信小程序又双叕改获取用户头像昵称的规则了,微信小程序如何去最新获取头像昵称
就最近在写微信小程序项目的时候,发现微信又双叕更改获取用户头像昵称的规则了,我连wx.getUserProfile都还没用上,一直还停留在wx.getUserInfo的阶段,结果告诉我,又改规则了,一点不快乐。。。先看看微信是怎么说的:小程序用户头像昵称获取规则调整公告 | 微信开放社区总结就是:由于某些用户不合理的行为,为了防止你们再这么玩,所以我直接动你们调用的api,给开发者半年的时间,赶快整改。。。我必须得吐槽微信一把,关于获取用户的头像昵称已经更改了这么多次。。。对开发者也...原创 2022-05-17 17:33:19 · 3099 阅读 · 16 评论 -
uniapp:小程序对接腾讯云语音视频通话,简单demo
我发现啊,现在小程序的地位是越来越高了,各种各样的业务,五花八门的功能;最近又接了一个新的功能,在小程序上实现语音视频通话,咋办?搞呗!先放文档:实时音视频 集成 TUICalling (uni-app /小程序) - 含 UI 集成方案 - 文档中心 - 腾讯云有一说一,这个文档写的其实还是相当详细的1. 把小程序后台的接口设置打开以下功能2. 去github上拉代码https://github.com/TencentCloud/TIMSDK/tree/master/un.原创 2022-04-27 14:01:46 · 7936 阅读 · 16 评论 -
uniapp:实现全局变量的几种方式
在开发的过程中,我们不可避免的用到全局变量,比如我们的请求的公共路径这个变量;那么我们在uniapp中有哪几种方式可以实现全局变量1. 模块我们可以在项目中新建一个js文件,定义一个专用的模块,用来管理全局的变量,在有需要的地方进行引入!比如,我在项目的根目录中新建了一个config.js,写入以下代码export const baseUrl = "https://www.baidu.com/"在页面中如下使用就是了<script>import { baseUrl原创 2022-04-06 21:30:00 · 25755 阅读 · 2 评论 -
uniapp:关于如何解决向tabbar页面传参这件事
先说这个问题,如何向tabbar页面传递参数,为什么会有这个问题,请看uniapp的文档上是这么写的;所以像下方写的代码,是完全不生效的!只会跳到tabbar center页面,但是并不能在onLoad中获取到传递的参数uni.switchTab({ url: '/pages/center/center?id=999'});那么如何去向tabbar页面传递参数?1. 利用缓存storage<template> <view><button @原创 2022-04-02 21:36:02 · 5660 阅读 · 0 评论 -
uniapp 微信小程序无法获取Vue.prototype的值
在使用uniapp开发的过程中,遇到了一个问题,发现在微信小程序无法去直接获取挂载在vue原型上的变量值,具体内容可看下图,解决方法也已经表明,供各位踩坑用!!!main.js我在vue的原型上挂载了一个$baseUrl的变量index.vue在1中,直接取原型上的值在2中,在当前页面下,声明了一个变量baseUrl,把$baseUrl赋值给它在3中,采用computed,return返回this.$baseUrl在4中,采用methods定义了一个方法,同样retur...原创 2021-12-13 22:09:19 · 4804 阅读 · 1 评论 -
uniapp:通知上一页刷新,有这么几个方式;常用于详情返回列表
在使用uniapp开发的过程中,我相信,我们都一定遇见过如下的场景:进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们的列表页不进行数据的刷新,就会给用户一种错觉,我刚才进行操作的那条数据会不会没成功,我们下拉刷新下列表,这个数据就变成最新的了,这个是很常见的一个交互场景,那么如何不让用户进行下拉刷新或者重新进入列表页的操作,我提供几种比较常用的做法!onShow:简单粗暴,但是却有缺陷使用onShow可能是最简原创 2022-03-31 20:15:31 · 3525 阅读 · 1 评论 -
uniapp:h5端解决跨域问题
解决的跨域的方式有很多,站在前台的角度来讲,无论是vue还是uniapp,解决跨域的方法都是试用proxy代理的方式!请看下方解决步骤<template> <view class=""><button type="primary" @click="request">request</button></view></template><script>export default { methods: {原创 2022-03-02 16:47:04 · 3799 阅读 · 9 评论 -
uniapp:微信小程序使用高德地图进行坐标反解析获取详细地址
开发过小程序的都了解,我们在调用 uni.getLocation Api的时候,在微信小程序端,只会返给我们一个坐标系,当前位置的经纬度,当我们需要去知道当前位置的详细地址时,我们就需要进行反解析来获取地址,因为公司采用的是高德,我就以高德为例了,(腾讯,百度都一样)1. 创建应用,设置key2.下载微信小程序SDK,地址:概述-微信小程序插件 | 高德地图API3.下载完成之后,放到我们的uniapp项目里面,此时我们可以封装一个方法,用来获取坐标解析后的详细地址impo...原创 2022-03-14 17:01:29 · 5583 阅读 · 11 评论 -
uniapp:微信小程序,placeholder-style在弹出框不生效问题
大致说一下情况,业务场景,点击拒绝,展示弹出框,弹出框内包含拒绝理由的文本域,但是在此时出现了问题;很显然,这个placeholder的字体颜色是不正常的,此时我去设置placeholder-style属性发现怎么设置都无效,此时更有趣的事情发生了;(使用了uview-ui v1,情况都一样)<template> <view class=""> <u-input v-model="value" type="textarea" border :..原创 2022-01-16 23:30:20 · 2938 阅读 · 1 评论 -
uniapp+uview1:原生列表加载,下拉刷新,上拉加载
其实,用uniapp已经4年了,写了挺多个小程序,app,我始终坚定,原生的就是最好的,比如原生的导航栏,原生的预览图片,原生的下拉刷新,上拉加载。。。拒绝花里胡哨!之所以写这篇文章是因为,我在uview的交流群里面看到,有相当一部分人关于列表加载这里的处理,处理方式写的很乱,可能上一个列表用一种方法,下个列表就换另一种方式了,我在这里奉上自己多年的列表处理方式,以供参考。。。1. pages.json里面,我们需要去配置当前页面 下拉刷新,上拉加载的一些配置"path": "pages/in原创 2022-03-21 16:36:04 · 7822 阅读 · 0 评论 -
uniapp:上传图片文件到阿里云oss
阿里云文档示例:微信小程序直传实践 - 对象存储 OSS - 阿里云因为在客户端进行直传,此种做法并不推荐,相当于把oss的ossAccessKey,secret等信息放在了前端,并不安全,因此为了数据安全,建议使用签名方式上传文件。这里采用了服务端签名的做法,所以我们上传oss的签名来自于后端的接口先封装一个方法,此方法就作用于,请求后端接口,后端返回给我们一些签名数据之类的/* 1. 获取阿里云信息,不建议前端直接获取,这样会把accessKey等等私密信息暴露到前端, 建议采用原创 2022-03-15 14:03:34 · 6958 阅读 · 1 评论 -
关于uniapp 自定义底部导航栏
关于uniapp自定义导航栏的需求,我已经在uniapp社区提供了一种思路,这里就不在详细说明了,点击下方链接直接去看吧!关于uniapp自定义底部导航栏https://ask.dcloud.net.cn/article/37575原创 2022-01-05 18:02:22 · 1554 阅读 · 0 评论