![](https://img-blog.csdnimg.cn/20210802162637795.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
uni-app
BasicLab基础架构实验室
本人深耕基础架构领域,曾在国内500强大厂研发企业级百亿量级吞吐中间件,擅长Java语言、Go语言、Python语言、C语言、NodeJS、Web、Linux、深度学习、大数据、云原生等
展开
-
uni-app 实现拨打电话功能(android)
最近项目中需要拨打电话功能,特此记录便于日后查阅。项目中实现拨打电话的代码如下,包括微信和真机拨打电话两种方式://#ifdef MP-WEIXINuni.makePhoneCall({ phoneNumber: '18354789632'});//#endif//#ifdef APP-PLUSplus.device.dial('18354789632', true);//#endif注:plus.device.dial的第2个参数是是否跳到手机拨号页面,true是跳过去让用原创 2021-07-02 17:47:47 · 8865 阅读 · 6 评论 -
uni-app 文本超出部分省略号显示
最近项目中用到了这个小特性,文本超出部分用省略号显示,特此记录便于日后查阅。.content { width: 100rpx !important; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:原创 2021-07-02 15:34:28 · 5173 阅读 · 0 评论 -
uni-app v-show 和 v-if 两者区别是什么
1、v-show 和v-if 都是做条件隐藏跟显示用的,2、v-show是页面加载的时候显示的内容跟隐藏的内容同时加载在页面上只是根据条件进行了隐藏。3、v-if是页面加载的时候根据条件进行显示需要展示的内容。并且销毁不需要显示的条件内容,每次加载的时候进行销毁当前加载符合条件的内容4、简单的来说就是前者在页面上可以看见隐藏的条件,后者看不见隐藏的条件。5、使用场景:v-show在高频切换的时候为了不浪费资源更多的使用,后者在不需要高频切换的时候更多的使用。...原创 2021-06-29 21:21:19 · 3349 阅读 · 1 评论 -
uni-app 将 pdf 文件转换为 html 格式(要求自适应移动端)
把 PDF 文件先转成 word 文件,然后再把word 文件转化为 html 文件即可。这里推荐个免费转换地址:Pdf 转换为 Word:http://pdfdo.com/pdf-to-word.aspxWord 转换为 Html:http://www.docpe.com/word/word-to-html.aspx注:不过我没有使用上面的网址做转换,因为转换出来的效果不好,没有达到我的要求,所以最后我购买了WPS 15元/月的会员,在WPS里面做的上述操作(首先把 pdf 转换为 wo原创 2021-06-26 13:08:54 · 999 阅读 · 2 评论 -
uni-app 通过 plus.io 持久化存储Json文件(卸载也不会丢失)
最近项目组在使用uni-app开发android端,遇到了一个问题,就是我们需要在App应用升级判断是在应用内执行的升级,还是在应用外执行的升级,如果是在应用内执行的升级,如果上次已经登录进去了,则不需要重新登陆,如果是应用外执行的升级,则需要到登录界面重新登陆。问题就是如果App卸载会导致缓存数据丢失,这个时候我在考虑能不能把数据保存到手机中,这样应用在卸载之后就不会导致数据丢失,在重新打开App的时候对手机数据文件进行校验,来判断是应用内升级还是应用外升级,代码如下://提交服务器设置sub原创 2021-06-26 11:17:00 · 2167 阅读 · 14 评论 -
uniapp 数据存储、获取和删除(数据在缓存中,卸载会丢失)
最近项目中使用uni-app涉及到缓存的操作,特此记录便于日后查阅。注:如果是同步存储、获取、删除,可以使用setStorageSync()、getStorageSync、removeStorageSync(),达到的效果是一样的。原创 2021-06-26 11:00:19 · 4974 阅读 · 0 评论 -
uni-app 条件编译
ifdef 仅出现在XXx平台上仅出现在 App 平台下的代码#ifdef APP-PLUS需条件编译的代码#endif<!-- 只在H5上有哈 --><!-- #ifdef H5 --> <view> 我只会出现在h5上 </view><!-- #endif --><!-- 只在小程序上有哈 --><!-- #ifdef MP-WEIXIN --> <view> 我原创 2021-06-25 19:23:15 · 334 阅读 · 0 评论 -
uni-app 对照设计稿还原不同屏幕像素适配(iPhone X)
最近项目中需要高频度使用单位像素换算,以适配不同屏幕大小的需求,这里我以蓝湖为例,下面我给出换算步骤:1、把蓝湖设计稿选到 ios 端,这时候页面单位变成了pt,因为我们iPhone X的屏幕和这个设计稿的宽度一样是375px(我们这里对照的真机也是iPhone X),所以这里我们可以看做 1pt = 1px = 2rpx,图示如下:2、如果是需要随着屏幕宽度不同而随之改变的,我们使用rpx进行css样式计算,遵循 1pt = 2rpx 的计算公式,这里我们需要加上安全区域(不同手机的安全区原创 2021-06-25 14:03:41 · 3789 阅读 · 2 评论 -
uni-app mqtt api 详解(不包含5.0版本)
MQTT中的QoS等级MQTT设计了一套保证消息稳定传输的机制,包括消息应答、存储和重传。在这套机制下,提供了三种不同层次QoS(Quality of Service):QoS0,At most once,至多一次;QoS1,At least once,至少一次;QoS2,Exactly once,确保只有一次。QoS 是消息的发送方(Sender)和接受方(Receiver)之间达成的一个协议:QoS0 代表,Sender 发送的一条消息,Receiver 最多能收到一次,也就是说 Se原创 2021-06-22 11:32:33 · 2161 阅读 · 0 评论 -
uniapp mqtt 频繁断开和重连问题(android真机)
公司是做物联网相关产品的,这段时间项目组遇到了uniapp打包的android离线apk,出现mqtt频繁断开&重连的问题,如果你看到这篇文章,说明你运气好,恭喜你,你的问题可以被解决了。首先我们使用的mqtt.js版本是@4.1.0 的mini版本,下载地址:https://unpkg.com/mqtt@4.1.0/dist/mqtt.js出现频繁断连和重连的原因可能是以下几点中的其中一个:1、mqtt.js底层没有对你调用它方法传入的callback函数做异常捕获,所以你所有的c原创 2021-06-22 10:29:05 · 9545 阅读 · 12 评论 -
uni-app 微信小程序使用 web-view 预览PDF
1、使用uni-pp开发微信小程序,上线之后发现Android无法加载览PDF,这里我们判断一下在不同系统使用不同的方式。2、iOS可以直接在线预览、Android先下载再访问。...原创 2021-06-21 11:08:42 · 3286 阅读 · 1 评论 -
uni-app 针对 plus.runtime.install 在安卓9.0+上无法执行的解决方案
先确保你的IDE使用的是HBuilderX, 老HBuilder用户请升级HBuilderX。云打包配置云打包时配置manifest.json将targetSdkVersion改为26或更高 最高建议28。5+应用:http://ask.dcloud.net.cn/article/94原创 2021-06-19 19:37:53 · 4483 阅读 · 7 评论 -
uni-app 离线打包 apk 提示当前应用运行在自定义调试基座中
找了半天才找到解决方案,此处记录下来方便自己和遇到同类问题的同学使用dcloud_control.xml中的 syncDebug 改为 false 或 去掉就好了原创 2021-06-15 18:45:41 · 2461 阅读 · 3 评论 -
uniapp关于使用 Android 离线打包的注意事项
Android 离线打包文档地址: https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android注意事项:添加权限,需要将 uniapp 项目中 manifest.json 配置的权限 app-plus/distribute/android/permissions 同步到 \app\src\main\AndroidManifest.xml 根据文档配置需要的模块 录音需要复制 libs/audio-mp3aac-release.aar原创 2021-06-11 17:42:53 · 1720 阅读 · 5 评论 -
uniapp swiper内嵌video组件的坑
是使用uniapp写的项目,需求就是写一个tab切换,tab1里面是一段文本,tab2也是,tab3里面需要使用video组件插入一个视频,我是使用的scroll-view与swiper组件实现tab滑动切换页面(当时想的这有啥难,分分钟搞定的事情嘛不是,然而等我加上视频在手机运行的时候搞了大半天一直是有问题,唉,我还是太年轻????)。所以这次遇到的一个小坑,就在这里记录一下叭????问题的原因就是video标签的层级太高了,导致滑到视频页面再切换回前面tab的时候视频就会压到上面,不会正常隐藏了原创 2021-06-11 09:48:08 · 2344 阅读 · 1 评论 -
uni-app 页面使用加载多个video后机子崩溃闪退
背景:公司产品脑袋一拍,我们要做一个类似uc视频列表播放的东东解决方法::custom-cache="false"<video :custom-cache="false" :autoplay="autoplayFn()" src="xxxx.mp4" controls></video>原创 2021-06-10 11:21:26 · 3037 阅读 · 0 评论 -
uni-app Object.keys(obj)用法
Object.keys(obj)对象.keys很明显是获得对象的key的一个数组数组的key arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']原创 2021-06-05 15:47:16 · 1822 阅读 · 0 评论 -
uniapp props、$ref、$emit、$parent、$child、$on、$set 是什么?
举个例子来解释一下何为父组件,何为子组件?index.vue导入sunui-cell组件的时候,我们就称index.vue为父组件依次类推,在vue中只要能获取到组件的实例,那么就可以调用组件的属性或是方法进行操作...原创 2021-06-05 14:37:48 · 4964 阅读 · 19 评论 -
uni-app watch事件监听三种用法
1、普通监听<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}原创 2021-06-05 12:43:08 · 34153 阅读 · 18 评论 -
uni-app 应用生命周期、页面生命周期、组件生命周期的区别
页面加载过程:加载=》显示=》加载完成=》页面隐藏=》页面卸载触发页面生命周期:onLoad:监听页面加载 =》 onShow:监听页面显示 =》 onReady:监听页面初次渲染完成 =》 onHide:监听页面隐藏 =》 onUnload:监听页面卸载uni-app支持的应用生命周期...原创 2021-06-05 12:37:47 · 2359 阅读 · 0 评论 -
HBuilderX 导入uniapp后,无法运行或发行,提示“[微信小程序开发者工具] × open IDE”
问题描述解决除了查看对应版本和开启端口(设置-安全设置)外还需注意,因为微信开发者工具是和对应的微信账号绑定的,所以需要设置对应账号的AppID才行,如果使用的是别人的需要用自己的AppID...原创 2021-05-12 14:36:13 · 10419 阅读 · 0 评论 -
HBuilderX 开发工具中实现自定义生成代码块的功能
如何在HBuilderX开发工具中实现自定义生成代码块的功能因为uListMedia不是内置组件,所以在你敲ulistmedia时看不到uListMedia的提示信息在学习uni-app官网视频教程中,可能作者是因录播时间有限,没时间展开说明uListMedia代码块是如何自定义的,这给所有入门的学习uni-app开发的人带来了困扰,特写此文,希望在你刚入门的这一刻能帮到你。自定义uListMedia代码块如下:"uListMedia": { "body": [ "<原创 2021-05-11 15:50:36 · 1630 阅读 · 1 评论 -
uni-app Error: read EBADF at Pipe.onStreamRead (internal/stream_base_commons.js:183:27)
第一次安装运行uni-app,居然出错如下图:满心欢喜想看看uni-app的Hello World,结果出现错误了,一脸懵逼啊,一行自己的代码都没有写,居然出错了!找了半天才发现,原来是需要在【微信开发者工具】里打开http或cli访问的开关,这个提示也太不友好了!!!具体步骤如下:双击运行微信开发者工具点击菜单栏的安全如下图:打开这个开关后,uni-app编译成功后,就会自动运行微信的cli命令,启动微信开发者工具了!...原创 2021-05-11 14:27:57 · 720 阅读 · 0 评论