- 博客(210)
- 收藏
- 关注
原创 UNI-APP,实现给字符串中部分字符、子串添加样式(颜色,字号等)
【代码】UNI-APP,实现给字符串中部分字符、子串添加样式(颜色,字号等)
2022-11-04 15:51:46
2228
1
原创 UNI-APP,text、rich-text控件显示字符串,当字符串过长时,实现自动换行
【代码】UNI-APP,text、rich-text控件显示字符串,当字符串过长时,实现自动换行。
2022-11-04 15:12:43
5150
1
原创 Android获取移动网络(2G/3G/4G)信号强度
以下方法,双卡双待手机,存在中国移动和中国联通时,只能读到中国移动的信号。单SIM卡,不影响。
2022-09-17 16:42:57
2297
原创 UNI-APP在使用SubNvue原生子窗体时,清理缓存的问题
最近在项目中遇到了一个莫名其妙的问题,在UNI-APP首页利用SubNvue原生子窗体实现了一个drawer抽屉菜单,当切换账户并uni.reLaunch之后,重新进入首页,多次打开、关闭drawer抽屉菜单,会出现数据错乱的bug。当退出App(杀死进程),重新进入App后,打开drawer抽屉菜单,数据又正常。后经打印排查,发现是存在缓存问题。
2022-08-23 11:28:02
1529
原创 UNI-APP,地图聚合,在iOS系统中清空无效和删除闪退的Bug
最近遇到了一个问题,uni-app地图聚合功能在Android和iOS系统中的适配问题。具体如下:1、mapContext.addMarkers(),在Android上表现正常;在iOS中当参数为{markers: [], clear: true}时,发现无法清空地图上所有 marker。只有在参数markers不为空的时候,才可以实现先清空,再添加。2、mapContext.removeMarkers(),在Android上表现正常;在iOS中,当删除的markerIds为当前地图上所有的mark
2022-05-07 11:36:13
1684
2
原创 Android下载Apk安装包,下载完毕后,系统自动进行安装
如题,Android App新版本检测升级实现步骤:1、权限小米11,android12,必须申请android.permission.REQUEST_INSTALL_PACKAGES权限<!-- 文件读写权限 --><uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" /><uses-permission android:name="android.perm
2022-04-12 11:37:59
5739
原创 UNI-APP,设置某个页面横屏后,恢复竖屏,返回再次进入其他页面时,页面内容放大错乱
实现横竖屏方法:portrait-primary: 竖屏正方向;portrait-secondary: 竖屏反方向,屏幕正方向按顺时针旋转180°;landscape-primary: 横屏正方向,屏幕正方向按顺时针旋转90°;landscape-secondary: 横屏方向,屏幕正方向按顺时针旋转270°;portrait: 竖屏正方向或反方向,根据设备重力感应器自动调整;landscape: 横屏正方向或反方向,根据设备重力感应器自动调整;在需要横屏的页面添加如下代码,即可实现横竖
2022-03-02 10:26:43
3204
3
原创 UNI-APP,视频列表和视频播放页面
示例代码:a、视频列表页video.vue<template> <view> <scroll-view scroll-y class="scroll-pt"> <view class="list-pt"> <view class="item-pr" v-for="(item, index) in videoList" :key="index"> <view class="top-pr..
2022-02-25 16:22:02
2672
4
原创 UNI-APP,动态设置view的背景图片
<view class="loginBg" :style="{backgroundImage: 'url(' + imageURL + ')', 'background-repeat':'no-repeat', backgroundSize:'100% 100%'}"> </view>这里需要在data中定义一下export default { data() { return { /...
2022-02-25 11:09:52
2612
原创 UNI-APP中,swiper和tabbar结合实现滑动翻页效果
<template> <view> <!--导航栏--> <cu-custom bgColor="bg-blue" :isBack="true"> <block slot="content">设备组详情</block> <block slot="right"> <text class="margin-right text-df">编辑</text> </bl.
2022-02-23 14:27:45
1940
原创 UNI-APP设置屏幕保持常亮
// 保持屏幕常亮uni.setKeepScreenOn({ keepScreenOn: true});或者plus.device.setWakelock(true); 都可以实现保持手机屏幕常亮。设置是否保持常亮状态。仅在当前应用生效,离开应用后设置失效。注意:Android平台一定要给android.permission.WAKE_LOCK权限,并且重新打包后才会生效。...
2022-02-14 16:54:24
5794
原创 UNI-APP,网络下载.bin二进制文件并保存到手机,在其他页面读取该.bin文件,按照协议封装后,发送给硬件设备
UNI-APP,下载二进制文件,读取二进制文件,支持IOS和Android
2022-01-17 17:26:37
2194
原创 UNI-APP在iOS系统中加载来源于微信公众号的文章时(html片段),某些图片显示不出来的问题解决
如题,在做UNI-APP开发时,调用接口返回html片段,页面使用mp-html扩展组件进行加载。<mp-html container-style="padding:20px" :content="html" />接口返回html片段如下:{ "msgCode": "0", "message": "成功", "data": { "id": 10, "path": "", "update_time": "2021-04-21 08:43:05.0", "top
2022-01-06 15:00:59
6920
原创 UNI-APP获取当前位置,出现getLocation:fail [geolocation:7]错误的问题解决
最近遇到一个问题:uni-app在获取定位时,在调试状态下可以正常获取当前位置信息,在云打包之后获取定位时,出现getLocation:fail [geolocation:7]的错误。经调试后,发现是在申请高德地图KEY时,App的包名填写错误导致的。正常流程如下:1、拿到APP包名:2、申请高德地图key如何查看证书keytool -list -v -keystore E:\my\test.keystore //后面是证书的路径 写自己的申请key3、.
2021-09-22 14:58:17
13851
4
原创 UNI-APP,plus.runtime.openURL打开手机自带浏览器,出现“下载地址不可用,创建任务失败”的Bug
在UNI-APP中,有时候需要打开手机自带的浏览器,下载更新软件,通常使用//#ifdef APP-PLUSplus.runtime.openURL(res.url);//#endif但是,最近我的app版本更新总是出现“下载地址不可用,创建任务失败”,但是下载地址是正确无误的,单独在浏览器打开下载地址,是可以下载apk的。后经测试发现,只有小米手机(小米 note11)才会出现这种情况。解决:openUrl的方法可以设置参数规定打开连接的软件,传浏览器..
2021-09-22 13:56:52
11645
1
原创 UNI-APP,人脸信息采集(人脸识别)功能的实现方案
效果图如图,通过入口进入用户身份认证页面,点击快速验证,进入人脸信息采集页面,人脸比对算法采用的腾讯云的人脸核身接口,具体可参考腾讯云文档。实现代码入下:a、人脸信息采集需要在nvue中进行,首先需要配置如图两项:b、在uni-app工程目录中/static/image/目录下准备素材图片:facecheck.jpgline.pngidphotoskin.pngc、在工程中添加两个页面d、facial-recognition.vue<template> <v
2021-08-02 17:23:21
4316
原创 JavaScript ES6 Array.filter()方法总结
一、定义 filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 filter的中文意思是“筛选”,顾名思义,会对数组中的元素挨个进行检查,检查通过的,才能组成新的数组。二、语法var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])...
2021-06-11 16:27:24
1425
1
原创 UNI-APP,推广二维码页面实现
实现效果如图:实现代码:<template> <view> <!--导航栏--> <cu-custom bgColor="bg-blue" :isBack="true"><block slot="content">App二维码</block></cu-custom> <!--二维码--> <view class="qr_area"> <view class=
2021-05-19 11:55:34
3928
原创 UNI-APP,uni.scanCode扫码页面显示英文,uni.showActionSheet自带取消按钮显示英文问题的解决
效果如下:解决const i18n = new VueI18n({ locale: 'zh-Hans', messages: { 'zh-Hans': require('./static/lang/cn.json'), 'en': require('./static/lang/en.json') }});完!!!
2021-05-19 11:11:17
1693
2
转载 js生成二维码的几种方法
一:arale-qrcodearale-qrcode GitHub路径npm i arale-qrcode<html> <body> <div id="share_tools"></div> <script src="qrcode.min.js"></script> </body> <script type="text/javascript"> var codeFi
2021-05-19 10:46:10
2991
转载 UNI-APP uni.uploadFile 在上传图片时遇到的问题
在 uniapp开发图片上传功能的时候,遇到 iOS 无法上传图片的问题,请求一直返回statusCode:500,返回的data也是空1、没有添加请求头,iOS 上传图片 一定要添加 headerheader: { content-type : 'multipart/form-data' }2、 formData 携带的参数,一定不能有 file 参数下面是示例代码:uni.uploadFile({ url: 'xxxxxxxx', //接口地址 filePa
2021-05-14 17:08:19
16743
5
转载 UNI-APP开发之HbuilderX连接到夜神模拟机运行
1.下载夜神模拟器安装;下载hbuilder安装夜神模拟器:https://www.yeshen.com/hbuilderx:https://www.dcloud.io/hbuilderx.html进入nox的安装目录bin下,打开当前目录的cmd窗口执行以下两个命令:nox_adb connect 127.0.0.1:62001 nox_adb devices进入Hbuilderx的安装目录下, \HBuilderX\plugins\launcher\tools\adbs.
2021-04-29 13:24:39
595
原创 UNI-APP中webview加载状态,开始加载,加载完成事件监听
目的:当UNI-APP中的webvew处于正在加载页面状态时,显示不确定进度框方法://获取webview页面 var currentWebview = this.$mp.page.$getAppWebview().children()[4]; //加载时候 loading plus.nativeUI.showWaiting()//监听加载完毕 关闭loading currentWebview.addEventListener('loaded', function() {
2021-04-15 18:57:27
16468
1
原创 UNI-APP页面通讯、组件子向父、父向子传递数据
方法一(父向子传递数据):父页面<!--页面组件--><params v-if="tabs.length-TabCur>3" :tabcur='TabCur'></params>子页面接收props: { tabcur: { type: Number, default: '' } },方法二:通过全局变量(Vue原型挂载、或者App.vue golabledata)或者缓存uni.setStorageSy
2021-04-15 14:33:24
1624
1
原创 UNI-APP页面跳转时(uni.navigateTo),参数传递
方法一:1、在起始页面跳转到test.vue页面并传递参数//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});2、在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数 console.log(option.id); //打印
2021-04-14 10:28:47
27744
1
原创 UNI-APP中点击事件多重响应问题的解决,list列表项item和列表项item中按钮的点击事件冲突,重叠
问题描述:list列表项item和列表项item中按钮的点击事件冲突点击list列表项item执行列表项item点击事件点击列表项item中按钮,先执行按钮的点击事件,然后继续执行列表项item点击事件(重复)解决办法:修改列表项item的click事件为<view class="list_item" @click="gotoDeviceDetailPage(index)">修改列表项item中按钮的点击事件为<view class="iconfo.
2021-04-12 14:18:35
3021
原创 UNI-APP在自定义组件中内嵌H5/Html网页,可自定义webview大小,加载不闪屏
问题描述:UNI-APP在自定义组件中内嵌H5/Html网页时,通过内置组件web-view实现(如下),发现会自动铺满整个页面,不可控制大小(默认充满屏幕不可控制大小)<web-view src="https://uniapp.dcloud.io/static/web-view.html"></web-view>并且,当有多个tab页面时(多个自定义组件切换时),调整webview窗口大小,会出现闪屏的现象。预期效果如下<templat..
2021-04-07 16:32:48
6796
2
原创 UNI-APP项目在引用官方提供的Uni-App-Demo实例中的组件时应该注意的问题
1、引入组件a、组件、和样式文件都要引入b、static目录中uni.ttf文件要引入c、全局引入@import './common/uni.css';,或者在对应的页面引入@import './common/uni.css';2、引入uni-icons时,icon图标在PC浏览器显示正常,在真机运行时显示不正常修改uni-icons.vue文件,如下图:注意src格式,不带双引号“”完!!!...
2021-03-29 11:52:47
393
原创 UNI-APP开发之插件安装失败,离线安装
1、背景UNI-APP在安装插件时,由于公司网络或者加密等原因,会导致插件安装失败。2、解决办法a、打开HBuilderX的安装目录D:\HBuilderX\HBuilderX\update\plugins,这里边存放的刚刚点击“安装”插件所下载的安装包。比如点击安装“内置浏览器”D:\HBuilderX\HBuilderX\update\plugins目录中下载了三个压缩文件,而且压缩文件被加密了,程序自动解压失败,导致安装插件失败b、手动解压三个压缩文件很明显,我
2021-03-26 10:53:27
6788
原创 UNI-APP中引入阿里iconfont矢量图标库
1、下载2、解压3、引入4、使用5、编译保存,找不到文件,修改iconfont.css文件注意:@font-face里引用链接必须加上https,从iconfont网站复制过来的代码是默认没有的,亲测在app端是必须的!网页端可以不加https,App端必需添加https完!!!...
2021-03-23 15:03:10
488
转载 STM32----FLASH和EEPROM的区别
FLASH和EEPROM的最大区别是FLASH按扇区操作,EEPROM则按字节操作,二者寻址方法不同,存储单元的结构也不同,FLASH的电路结构较简单,同样容量占芯片面积较小,成本自然比EEPROM低,因而适合用作程序存储器,EEPROM则更多的用作非易失的数据存储器。当然用FLASH做数据存储器也行,但操作比EEPROM麻烦的多,所以更“人性化”的MCU设计会集成FLASH和EEPROM两种非易失性存储器,而廉价型设计往往只有FLASH,早期可电擦写型MCU则都是EEPRM结构,现在已基本上停产了。现
2021-03-11 09:41:45
2104
1
原创 Android (Q及以上系统版本)在SDcard中新建目录和文件抛异常(No such file or directory)
问题:/** * 获取备份文件路径 */ public String getBackupPath() { String compName = AppString.getCompanyName(); return Environment.getExternalStorageDirectory().getAbsolutePath() + "/" + compName + "/Backup/"; }/** * 处理参数上传按
2021-01-25 16:38:09
1249
原创 Android系统中getCacheDir()、getFilesDir()、getExternalFilesDir()、getExternalCacheDir()的区别
getCacheDir()方法用于获取/data/data/<application package>/cache目录getFilesDir()方法用于获取/data/data/<application package>/files目录应用程序在运行的过程中如果需要向手机上保存数据,一般是把数据保存在SDcard中的。大部分应用是直接在SDCard的根目录下创建一个文件夹,然后把数据保存在该文件夹中。这样当该应用被卸载后,这些数据还保留在SDCard中,留下了垃圾数据。
2021-01-25 16:06:39
7283
1
原创 Android Mqtt客户端封装(连接、发布、订阅)实例二,亲测可用
实现步骤:1、项目根目录build.gradle中添加:allprojects { repositories { ... maven{ url "https://repo.eclipse.org/content/repositories/paho-snapshots/"} }}2、App目录的build.gradle中添加:dependencies { ... //mqtt implementation 'org.
2021-01-14 16:19:00
1066
原创 Android Mqtt协议(连接、发布、订阅)实例、亲测可用
实现步骤:1、项目根目录build.gradle中添加:allprojects { repositories { ... maven{ url "https://repo.eclipse.org/content/repositories/paho-snapshots/"} }}2、App目录的build.gradle中添加:dependencies { ... //mqtt implementation 'org.
2021-01-14 11:33:22
2177
1
转载 Android startService和bindService的区别和用法
1、生命周期上的区别执行startService时,Service会经历onCreate->onStartCommand。当执行stopService时,直接调用onDestroy方法。调用者如果没有stopService,Service会一直在后台运行,下次调用者再起来仍然可以stopService。执行bindService时,Service会经历onCreate->onBind。这个时候调用者和Service绑定在一起。调用者调用unbindService方法或者调用者Context不
2021-01-13 11:28:36
1699
转载 Android开发之MQTT的使用
1. Android端实现消息推送的几种方式轮询:客户端定时向服务器请求数据。伪推送。缺点:费电,费流量。 拦截短信消息。服务器需要向客户端发通知时,发送一条短信,客户端收到特定短信之后,先获取信息,然后拦截短信。伪推送。缺点:贵而且短信可能被安全软件拦截。 持久连接(Push)方式:客户端和服务器之间建立长久连接。真正的推送。 Google的C2DM(Cloudto Device Messaging)。需要科学上网,国内大多数用户无法使用。 XMPP。XMPP(可扩展通讯和表示协议)是...
2021-01-11 16:53:38
1776
4
转载 Android MQTT客户端开发实例
1.添加mqtt依赖app的build中添加依赖如下 //mqtt compile 'org.eclipse.paho:org.eclipse.paho.client.mqttv3:1.1.0' compile 'org.eclipse.paho:org.eclipse.paho.android.service:1.1.1'2.mainfests文件中添加权限<uses-permission android:name="android.permission.ACCE
2021-01-11 16:36:26
788
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人