自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(208)
  • 收藏
  • 关注

原创 Android获取移动网络(2G/3G/4G)信号强度

以下方法,双卡双待手机,存在中国移动和中国联通时,只能读到中国移动的信号。单SIM卡,不影响。

2022-09-17 16:42:57 195

原创 UNI-APP在使用SubNvue原生子窗体时,清理缓存的问题

最近在项目中遇到了一个莫名其妙的问题,在UNI-APP首页利用SubNvue原生子窗体实现了一个drawer抽屉菜单,当切换账户并uni.reLaunch之后,重新进入首页,多次打开、关闭drawer抽屉菜单,会出现数据错乱的bug。当退出App(杀死进程),重新进入App后,打开drawer抽屉菜单,数据又正常。后经打印排查,发现是存在缓存问题。

2022-08-23 11:28:02 715

原创 CSS,文本溢出显示省略号

css文本溢出显示省略号

2022-07-05 11:43:20 2803

原创 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 445

原创 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 1124

原创 UNI-APP,设置某个页面横屏后,恢复竖屏,返回再次进入其他页面时,页面内容放大错乱

实现横竖屏方法:portrait-primary: 竖屏正方向;portrait-secondary: 竖屏反方向,屏幕正方向按顺时针旋转180°;landscape-primary: 横屏正方向,屏幕正方向按顺时针旋转90°;landscape-secondary: 横屏方向,屏幕正方向按顺时针旋转270°;portrait: 竖屏正方向或反方向,根据设备重力感应器自动调整;landscape: 横屏正方向或反方向,根据设备重力感应器自动调整;在需要横屏的页面添加如下代码,即可实现横竖

2022-03-02 10:26:43 935 2

原创 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 871

原创 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 1409

原创 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 830

原创 UNI-APP设置屏幕保持常亮

// 保持屏幕常亮uni.setKeepScreenOn({ keepScreenOn: true});或者plus.device.setWakelock(true); 都可以实现保持手机屏幕常亮。设置是否保持常亮状态。仅在当前应用生效,离开应用后设置失效。注意:Android平台一定要给android.permission.WAKE_LOCK权限,并且重新打包后才会生效。...

2022-02-14 16:54:24 2194

原创 UNI-APP,网络下载.bin二进制文件并保存到手机,在其他页面读取该.bin文件,按照协议封装后,发送给硬件设备

UNI-APP,下载二进制文件,读取二进制文件,支持IOS和Android

2022-01-17 17:26:37 927

原创 UNI-APP,TCP/IP通讯,适配Android和iOS系统

UNI-APP,TCP/IP通讯,适配Android和iOS系统

2022-01-11 16:06:12 3247

原创 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 6270

原创 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 5870 2

原创 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 4642 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 2460

原创 JavaScript ES6 Array.filter()方法总结

一、定义  filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。  filter的中文意思是“筛选”,顾名思义,会对数组中的元素挨个进行检查,检查通过的,才能组成新的数组。二、语法var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])...

2021-06-11 16:27:24 349 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 2187

原创 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 962 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 1839

转载 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 11883 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 404

原创 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 7349

原创 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 460

原创 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 16921

原创 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 1657

原创 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 3210 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 206

原创 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 3272

原创 UNI-APP中引入阿里iconfont矢量图标库

1、下载2、解压3、引入4、使用5、编译保存,找不到文件,修改iconfont.css文件注意:@font-face里引用链接必须加上https,从iconfont网站复制过来的代码是默认没有的,亲测在app端是必须的!网页端可以不加https,App端必需添加https完!!!...

2021-03-23 15:03:10 367

转载 STM32----FLASH和EEPROM的区别

FLASH和EEPROM的最大区别是FLASH按扇区操作,EEPROM则按字节操作,二者寻址方法不同,存储单元的结构也不同,FLASH的电路结构较简单,同样容量占芯片面积较小,成本自然比EEPROM低,因而适合用作程序存储器,EEPROM则更多的用作非易失的数据存储器。当然用FLASH做数据存储器也行,但操作比EEPROM麻烦的多,所以更“人性化”的MCU设计会集成FLASH和EEPROM两种非易失性存储器,而廉价型设计往往只有FLASH,早期可电擦写型MCU则都是EEPRM结构,现在已基本上停产了。现

2021-03-11 09:41:45 948

原创 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 724

原创 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 5823 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 636

原创 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 1287 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 770

转载 Android开发之MQTT的使用

1. Android端实现消息推送的几种方式轮询:客户端定时向服务器请求数据。伪推送。缺点:费电,费流量。 拦截短信消息。服务器需要向客户端发通知时,发送一条短信,客户端收到特定短信之后,先获取信息,然后拦截短信。伪推送。缺点:贵而且短信可能被安全软件拦截。 持久连接(Push)方式:客户端和服务器之间建立长久连接。真正的推送。 Google的C2DM(Cloudto Device Messaging)。需要科学上网,国内大多数用户无法使用。 XMPP。XMPP(可扩展通讯和表示协议)是...

2021-01-11 16:53:38 426 1

转载 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 422

转载 MQTT协议从服务端到客户端详解

一:前言 最近在了解MQTT协议相关的内容,内容有点多,特此把MQTT协议,以及其从服务端到客户端的流程整理出来,记录如下。二:MQTT协议介绍MQTT(Message Queuing Telemetry Transport,消息队列遥测传输)是IBM开发的一个即时通讯协议,它是一种轻量级的、基于代理的“发布/订阅”模式的消息传输协议。其具有协议简洁、小巧、可扩展性强、省流量、省电等优点,而且已经有PHP,JAVA,Python,C,C#,Go等多个语言版本,基本可以...

2021-01-11 13:56:49 2184

转载 Android BLE(低功耗蓝牙)在Android不同版本的适配问题,华为Mate30扫描不到蓝牙模块

一、前言截止到本文完成的日期为止(2020年04月16日),笔者对Android 5.0~Android 10的部分手机进行了适配测试。该文中所遇到的问题基本都出现在国产定制系统(EMUI、MIUI、ColorOS)上。开发环境为macOS+idea。二、相关代码<uses-permission android:name="android.permission.BLUETOOTH" /><uses-permission android:name="android.permi

2021-01-11 13:35:57 1729

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除