- 博客(210)
- 收藏
- 关注
RSS订阅原创 UNI-APP，实现给字符串中部分字符、子串添加样式(颜色，字号等)
【代码】UNI-APP，实现给字符串中部分字符、子串添加样式(颜色，字号等)
2022-11-04 15:51:46
1908
1
原创 UNI-APP，text、rich-text控件显示字符串，当字符串过长时，实现自动换行
【代码】UNI-APP，text、rich-text控件显示字符串，当字符串过长时，实现自动换行。
2022-11-04 15:12:43
4806
1
原创 Android获取移动网络（2G/3G/4G）信号强度
以下方法，双卡双待手机，存在中国移动和中国联通时，只能读到中国移动的信号。单SIM卡，不影响。
2022-09-17 16:42:57
2075
原创 UNI-APP在使用SubNvue原生子窗体时，清理缓存的问题
最近在项目中遇到了一个莫名其妙的问题，在UNI-APP首页利用SubNvue原生子窗体实现了一个drawer抽屉菜单，当切换账户并uni.reLaunch之后，重新进入首页，多次打开、关闭drawer抽屉菜单，会出现数据错乱的bug。当退出App（杀死进程），重新进入App后，打开drawer抽屉菜单，数据又正常。后经打印排查，发现是存在缓存问题。
2022-08-23 11:28:02
1389
原创 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
1543
1
原创 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
5477
原创 UNI-APP，设置某个页面横屏后，恢复竖屏，返回再次进入其他页面时，页面内容放大错乱
实现横竖屏方法：portrait-primary: 竖屏正方向；portrait-secondary: 竖屏反方向，屏幕正方向按顺时针旋转180°；landscape-primary: 横屏正方向，屏幕正方向按顺时针旋转90°；landscape-secondary: 横屏方向，屏幕正方向按顺时针旋转270°；portrait: 竖屏正方向或反方向，根据设备重力感应器自动调整；landscape: 横屏正方向或反方向，根据设备重力感应器自动调整；在需要横屏的页面添加如下代码，即可实现横竖
2022-03-02 10:26:43
2903
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
2376
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
2464
原创 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
1837
原创 UNI-APP设置屏幕保持常亮
// 保持屏幕常亮uni.setKeepScreenOn({ keepScreenOn: true});或者plus.device.setWakelock(true); 都可以实现保持手机屏幕常亮。设置是否保持常亮状态。仅在当前应用生效，离开应用后设置失效。注意：Android平台一定要给android.permission.WAKE_LOCK权限，并且重新打包后才会生效。...
2022-02-14 16:54:24
5330
原创 UNI-APP，网络下载.bin二进制文件并保存到手机，在其他页面读取该.bin文件，按照协议封装后，发送给硬件设备
UNI-APP，下载二进制文件，读取二进制文件，支持IOS和Android
2022-01-17 17:26:37
2032
原创 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
6847
原创 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
12706
3
原创 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
11337
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
4078
原创 JavaScript ES6 Array.filter()方法总结
一、定义 filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 filter的中文意思是“筛选”，顾名思义，会对数组中的元素挨个进行检查，检查通过的，才能组成新的数组。二、语法var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])...
2021-06-11 16:27:24
1190
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
3831
原创 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
1566
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
2877
转载 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
16267
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
574
原创 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
15503
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
1345
原创 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
26513
原创 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
2831
原创 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
6216
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
373
原创 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
6511
原创 UNI-APP中引入阿里iconfont矢量图标库
1、下载2、解压3、引入4、使用5、编译保存，找不到文件，修改iconfont.css文件注意：@font-face里引用链接必须加上https，从iconfont网站复制过来的代码是默认没有的，亲测在app端是必须的！网页端可以不加https，App端必需添加https完！！！...
2021-03-23 15:03:10
473
转载 STM32----FLASH和EEPROM的区别
FLASH和EEPROM的最大区别是FLASH按扇区操作，EEPROM则按字节操作，二者寻址方法不同，存储单元的结构也不同，FLASH的电路结构较简单，同样容量占芯片面积较小，成本自然比EEPROM低，因而适合用作程序存储器，EEPROM则更多的用作非易失的数据存储器。当然用FLASH做数据存储器也行，但操作比EEPROM麻烦的多，所以更“人性化”的MCU设计会集成FLASH和EEPROM两种非易失性存储器，而廉价型设计往往只有FLASH，早期可电擦写型MCU则都是EEPRM结构，现在已基本上停产了。现
2021-03-11 09:41:45
1879
原创 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
1199
原创 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
7120
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
1000
原创 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
2103
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
1578
转载 Android开发之MQTT的使用
1. Android端实现消息推送的几种方式轮询：客户端定时向服务器请求数据。伪推送。缺点：费电，费流量。 拦截短信消息。服务器需要向客户端发通知时，发送一条短信，客户端收到特定短信之后，先获取信息，然后拦截短信。伪推送。缺点：贵而且短信可能被安全软件拦截。 持久连接(Push)方式：客户端和服务器之间建立长久连接。真正的推送。 Google的C2DM（Cloudto Device Messaging）。需要科学上网，国内大多数用户无法使用。 XMPP。XMPP(可扩展通讯和表示协议)是...
2021-01-11 16:53:38
1678
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
762
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人