倘若hfl-CSDN博客

原创 uniapp 小程序实现中间突起tabbar

先看下效果实现步骤1.先引入uview ui，不会的可以看下我另外一篇文章，写的很详细uniapp 中uview-ui的使用教程https://blog.csdn.net/hu104160112/article/details/120076812?spm=1001.2014.3001.55012.创建tabbar 组件及页面3.pages.json文件中配置{ "easycom": { "autoscan": true, "custom": { "^uni-(.*)":

2021-09-08 10:48:22 5382 19

原创 uniapp 小程序版本自动更新

注意：代码是uniapp的，如果是微信小程序的话，要做出已下修改1.微信小程序代码写在app.js，uniapp写在app.vue里2.uni. 换成 wx.话不多说，上代码，注释写的很详细了onLaunch(options){ autoUpdate() { var that = this; // 获取小程序更新机制兼容 if (uni.canIUse('getUpdateManager')) { const updateMa

2021-07-16 11:19:21 3300 2

原创 uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘

效果实现一.局部配置，单个页面//发送给朋友onShareAppMessage(){ return { title: '',//分享标题 path: ''//分享页面路径 imageUrl: '',//分享图标 desc:'',//自定义分享描述 }},//分享朋友圈onShareTimeline() {}, 二.全局配置1.创建share.js文件module.exports = { onShow() { let pages = getCurrentP

2021-07-02 14:13:28 6424 8

原创 uniapp和小程序返回上一页前弹出提示弹窗,确定才允许返回

场景：小程序中某个页面数据没保存，返回上一页弹出提示弹窗，确定才允许返回使用的apiwx.enableAlertBeforeUnload：开启小程序页面返回询问对话框wx.disableAlertBeforeUnload：关闭小程序页面返回询问对话框适用：安卓虚拟返回按键，安卓全面屏左右滑动返回手势，安卓和苹果左上角返回不适用：苹果向右滑返回，安卓带虚拟按键向右滑返回（这两种好像官方社区也没回应）注意：1.wx.enableAlertBeforeUnload要搭配wx.disableAler

2021-06-07 10:31:06 8799 1

原创 uniapp中showToast之后延迟跳转页面，解决提示在真机中一闪而过

问题描述请求接口需要调用 uni.showLoading(),接口请求结束调用 uni.hideLoading()，满足需求条件后调用 uni.showToast()给用户提示信息,在开发者上正常，但是在真机上会出现提示信息一闪而过。产生原因uni.showLoading() 和 uni.showToast() 调用的是同一个框，都受 uni.hideToast() 或者 uni.hideLoading() 的影响。比如在真机上你的代码顺序为 uni.showLoading() =>uni.h

2021-04-27 14:05:11 10198 2

原创小程序使用canvas生成海报，保存图片

使用canvas生成海报wxml<view> <canvas class="canvas" style="width: {{canvas_width}}px;height:{{canvas_height}}px;" canvas-id="mycanvas"></canvas> <view class="pop"> <view class="popbg" bindtap="getclose"></view&

2021-03-06 14:30:20 510

原创 axios设置拦截器, axios.interceptors.request.use和axios.interceptors.response.use

在请求或响应被 then 或 catch 处理前拦截它们我这里使用的是vant// 添加请求拦截器 axios.interceptors.request.use(config => { // 在发送请求之前做些什么 Toast.loading({ duration: 0, message: '加载中...', forbidClick: true, });

2021-02-20 14:33:05 2866

原创 vue3中定义变量,ref、reactive、toRefs特性详解

1.ref() 函数ref() 函数用来根据给定的值创建一个响应式的数据对象，传入的为基本数据类型，例如字符串、数字、boolean 等,返回值是一个对象，这个对象上只包含一个 value 属性ref定义的变量，改变值要.value,而且在template中不用写.value//template中<div>{{msg}}</div><button @click="changeMsg()">修改msg</button>import {reactiv

2021-02-19 15:45:54 17064 4

原创 layui的tabs选项卡切换刷新页面

默认不会刷新，使用以下方法即可element.on('tab(tabcard)', function (data) { var src = $(".layui-tab-item.layui-show").find("iframe").attr("src"); $(".layui-tab-item.layui-show").find("iframe").attr("src", src); });

2020-12-28 17:31:37 5216 1

原创 Js获取Url地址参数的几种方法

方法一 URLSearchParams()函数geturlparam(){ let that=this // window.location.href 获取地址 let url = 'https://xxxx.com/xxx/demo?type=1&id=2' let p=url.split('?')[1] let params=new URLSearchParams(p) console.log(pa

2020-12-18 11:16:28 23023 1

原创 Vue报错：TypeError: Cannot create property ‘xxxx‘ on string

使用element的upload上传时报错出现这种错通常是你的数据和需要的数据格式不匹配查看官网发现需要的是这种格式[{},{}]我的代码输出的是[‘url1’,‘url2’]正确代码handlesuccess(res, file, fileList) { var that = this // that.fileList.push(res.info.url) //['url1','url2'] 错误的 var lists = {

2020-12-14 14:59:17 12182

原创 uniapp小程序监听外接扫描枪

【代码】uniapp小程序监听外接扫描枪。

2024-10-14 10:02:18 510

原创 uniapp小程序接口返回文件流下载文件

使用uni.request post方法获取文件流，如果是get可以使用uni.downloadFile。

2024-07-05 17:56:50 1705 1

原创 uniapp打包安卓app获取包名

2.在app包所在文件夹打开cmd，输入 aapt dump badging xxx.apk。这上面直接可以看到包名，可以修改，也可以在 manifest.json 文件中配置修改。package配置的就是包名，要确保唯一性。1.下载aapt工具，然后添加到环境变量。

2023-11-13 10:18:18 6345 1

原创 windows系统下查看安卓apk的sha1

HashAlgorithm：可选项包括：MD2、MD4、MD5、 SHA1、SHA256、SHA384、SHA512 （注意必须是大写）1.在apk所在文件夹打开cmd或者powershell。certutil -hashfile：原样输入。FileName：文件名。

2023-11-08 09:33:36 846

原创 uniapp打包安卓app后获取签名证书的SHA1，SHA256，MD5等信息

输入命令：keytool -printcert -file CERT.RSA。3.打开META-INF目录，在该目录下打开cmd或powerShell。2.将打好的正式版app 后缀改为 .zip，解压。1.先安装jre8，再配置一下环境变量。在证书详情中可以查看，还可以下载证书。获取签名证书信息的方法有两种。

2023-11-04 10:55:48 3360

原创 uniapp微信小程序区分正式版，开发版，体验版

或者有些东西不想在正式版显示，只在开发版体验版中显示，也需要去手动隐藏。通常正式和开发环境需要调用不同域名接口，发布时需要手动更换。官方也没有给出判断环境的方法，但其实是有的，也就是。先看下 __wxConfig 包含哪些东西。

2023-08-16 15:16:49 4450 1

原创 uniapp小程序进入横屏页面后竖屏页面样式错乱放大

整体思路就是当横屏页面卸载后，让他跳转到空白页，然后再跳转回上一个页面。

2023-07-03 10:44:10 1667

原创 uniapp小程序横屏显示样式错乱

vmax 相对于视口的宽度或高度中较大的那个，其中最大的那个被均分为100单位的vmax。vmin 相对于视口的宽度或高度中较小的那个，其中最小的那个被均分为100单位的vmin。这里我们用vmin，100vmin也就是手机屏幕宽度，一般设计图是750rpx。在开发中有时候会需要开发横屏页面，正常竖屏页面的样式横屏之后会放大错乱。

2023-06-15 10:47:24 1390

原创 uniapp打包的app在商米手持PDA上使用广播扫码功能

1.首先创建一个组件 uni-scancode，放到components中。如需适配其他设备，需要更换相应的广播名称和广播标签（代码中有注释）我这里使用的是uniapp，适配的手持机是商米的，

2023-03-23 10:49:28 1457 2

原创 uniapp，小程序获取定位，打开地图选择位置失败问题

uniapp小程序选择地理位置接口

2022-12-03 14:30:58 2054

原创 uniapp小程序使用RSA加密解密

【代码】uniapp小程序使用RSA加密解密。

2022-08-30 09:47:41 2306 1

原创 JS获取UTC时间及各时区本地时间

JS获取UTC时间及各地区本地时间function getLocalTime(i){ var d = new Date(); var len = d.getTime(); //本地时间与UTC时间的时间偏移差 var offset = d.getTimezoneOffset() * 60000; //得到现在的UTC时间，各时区UTC时间相同 var utcTime = len + offset; //得到时区标准时间 return new

2022-05-25 10:21:46 11986

原创 Vue3中父子组件传值

vue3父子组件传值其实和vue2写法差不多父传子 Props，子传父 emit父组件代码<template> <div> <child :msg="msg" @getmsg="childClick" /> <div>{{msg1}}</div> </div></template><script lang="ts">import { defineComp

2022-03-04 10:12:25 1085

原创 uniapp中使用原生插件及自定义基座调式

1.首先在插件市场购买或试用插件，选择在那个项目中使用（先试用，满足项目需求后再购买）2.打开刚才选择的项目 manifest.json文件 → App原生插件配置 → 云端插件，勾选你要使用的插件注意：试用只能用于打包自定义基座，不能用于正式发布3.制作自定义基座方法HBx 菜单栏 → 发行 → 原生App 云打包 → 填写好相关的证书文件后 → 勾选自定义基座-》执行打包4.自定义基座制作完成后，在HBx 菜单栏 → 运行 → 运行到手机或者模拟器 → 运行基座选择 → 选择自定

2022-01-19 10:20:48 5107

原创 uniapp 小程序中使用逆地址解析获取当前详细地址

描述获取当前定位的经纬度后使用逆地址解析获取到详细的地址uniapp和微信小程序获取地址有两个API，getLocation和chooseLocation，但都没有返回省市区等具体信息，那我们可以获取当前经纬度，然后使用逆地址解析接口去获取更多信息逆地址解析概述使用步骤1.前往腾讯位置服务官网申请keyhttps://lbs.qq.com/dev/console/user/info填写自己小程序的appid2.使用是的，拿到key之后就可以在项目中使用了uni.getLocat

2022-01-13 10:05:39 2170 1

原创 uniapp中uCharts的使用

先看效果注意前提条件【版本要求：HBuilderX 3.1.0+】1、插件市场点击右侧绿色按钮【使用HBuilderX导入插件】，或者【使用HBuilderX导入示例项目】查看完整示例工程2、依赖uniapp的vue-cli项目：请将uni-modules目录复制到src目录，即src/uni_modules。（请升级uniapp依赖为最新版本）3、页面中直接按下面用法直接调用即可，无需在页面中注册组件qiun-data-charts4、注意父元素class='charts-box’这个样式需要

2021-11-20 10:08:43 9124 3

原创 uniapp 中uview-ui的使用教程

1.首先创建uniapp项目2.在头部工具栏工具→插件安装中安装 scss/sass编译3.去uni-app插件市场下载插件ZIP,解压后放入项目根目录下载地址:https://ext.dcloud.net.cn/plugin?id=15934.引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。// main.jsimport uView from "uview-ui";Vue.use(uView);

2021-09-03 11:15:18 4866 2

原创 Error: 系统错误，错误码：80200,main package source size 2439KB exceed max limit 2MB （uniapp 小程序分包及分包优化）

当项目过大，超过2M时，我们就要进行分包1.主包中可以只留主页，登录页，组件，公共js，css，其他都可以放到分包中2.一些只在分包中使用的组件或js，也可以放在分包中，这时可以开启分包优化，这样打包后，就不会占用主包体积假设支持分包的 uni-app 目录结构如下：┌─pages│ ├─index│ │ └─index.vue│ └─login│ └─login.vue├─pagesA│ ├─static│ └─list│ └─list.vue├─p

2021-08-30 10:54:30 10191

原创 js获取当天00:00:00和23:59:59的时间戳

js获取当天00:00:00和23:59:59的时间戳,使用setHours()方法getTimestamp(){ this.starttime=new Date().setHours(0,0,0,0) this.endtime=new Date().setHours(23,59,59,0) console.log(new Date().setHours(0,0,0,0),new Date().setHours(23,59,59,0))}setHours()...

2021-06-23 10:16:05 2172

原创 Git出现冲突error: Your local changes to the following files would be overwritten by merge

原因出现这个问题的原因是其他人修改了xxx文件并提交到版本库中去了，而你本地也修改了xxx文件，这时候你进行git pull就会出现这个冲突解决方法git stashgit pullgit stash pop这样代码就拉下来了然后运行代码检查是否还有冲突，可能改了同个文件相同位置就还会有冲突，手动解决冲突后就可以上传代码了git命令含义git stash: 备份当前的工作区的内容，从最近的一次提交中读取相关内容，让工作区保证和上次提交的内容一致。同时，将当前的工作区内容保存到Git栈中。

2021-06-18 11:03:55 387

原创 uniapp 中使用彩色图标，引入阿里图库iconfont

1.选择symbol模式，下载到本地2.下载后解压3.在解压开的文件夹中 shift+右键打开powershell 窗口执行代码：npm install -g iconfont-tools4.然后执行代码：iconfont-tools然后一路回车5.文件夹中就多出一个文件 iconfont-weapp6.把 iconfont-weapp-icon.css 移入你的项目中7.App.vue中添加以下代码@import "./common/iconfont-weapp/iconf

2021-06-18 10:44:42 1427 4

原创 uniapp中使用uni.$emit和uni.$on进行页面通讯传值

注意事项1.uni.emit、uni.emit、 uni.emit、uni.on 、 uni.once、uni.once 、uni.once、uni.off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等2.使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.on注册监听，onUnload里边uni.on 注册监听，onUnload 里边 uni.on注册监听，onUnload里边uni.off 移除，或者一次性的事件，直接使用 uni.$once 监听A

2021-06-02 09:57:33 15198 5

空空如也

空空如也