- 博客(79)
- 收藏
- 关注
RSS订阅
原创 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
5190
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
3134
2
原创 uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘
效果实现一.局部配置，单个页面//发送给朋友onShareAppMessage(){ return { title: '',//分享标题 path: ''//分享页面路径 imageUrl: '',//分享图标 desc:'',//自定义分享描述 }},//分享朋友圈onShareTimeline() {}, 二.全局配置1.创建share.js文件module.exports = { onShow() { let pages = getCurrentP
2021-07-02 14:13:28
6070
8
原创 uniapp和小程序返回上一页前弹出提示弹窗,确定才允许返回
场景：小程序中某个页面数据没保存，返回上一页弹出提示弹窗，确定才允许返回使用的apiwx.enableAlertBeforeUnload：开启小程序页面返回询问对话框wx.disableAlertBeforeUnload：关闭小程序页面返回询问对话框适用：安卓虚拟返回按键，安卓全面屏左右滑动返回手势，安卓和苹果左上角返回不适用：苹果向右滑返回，安卓带虚拟按键向右滑返回（这两种好像官方社区也没回应）注意：1.wx.enableAlertBeforeUnload要搭配wx.disableAler
2021-06-07 10:31:06
7697
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
9524
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
459
原创 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
2840
原创 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
16140
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
5021
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
22626
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
11604
原创 uniapp打包安卓app获取包名
2.在app包所在文件夹打开cmd，输入 aapt dump badging xxx.apk。这上面直接可以看到包名，可以修改，也可以在 manifest.json 文件中配置修改。package配置的就是包名，要确保唯一性。1.下载aapt工具，然后添加到环境变量。
2023-11-13 10:18:18
2586
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
469
原创 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
1728
原创 uniapp微信小程序区分正式版，开发版，体验版
或者有些东西不想在正式版显示，只在开发版体验版中显示，也需要去手动隐藏。通常正式和开发环境需要调用不同域名接口，发布时需要手动更换。官方也没有给出判断环境的方法，但其实是有的，也就是。先看下 __wxConfig 包含哪些东西。
2023-08-16 15:16:49
3218
1
原创 uniapp小程序横屏显示样式错乱
vmax 相对于视口的宽度或高度中较大的那个，其中最大的那个被均分为100单位的vmax。vmin 相对于视口的宽度或高度中较小的那个，其中最小的那个被均分为100单位的vmin。这里我们用vmin，100vmin也就是手机屏幕宽度，一般设计图是750rpx。在开发中有时候会需要开发横屏页面，正常竖屏页面的样式横屏之后会放大错乱。
2023-06-15 10:47:24
966
原创 uniapp打包的app在商米手持PDA上使用广播扫码功能
1.首先创建一个组件 uni-scancode，放到components中。如需适配其他设备，需要更换相应的广播名称和广播标签（代码中有注释）我这里使用的是uniapp，适配的手持机是商米的，
2023-03-23 10:49:28
1150
2
原创 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
10593
原创 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
1034
原创 uniapp中使用 原生插件 及 自定义基座调式
1.首先在插件市场 购买或试用插件，选择在那个项目中使用（先试用，满足项目需求后再购买）2.打开刚才选择的项目 manifest.json文件 → App原生插件配置 → 云端插件，勾选你要使用的插件注意：试用只能用于打包 自定义基座，不能用于正式发布3.制作自定义基座方法HBx 菜单栏 → 发行 → 原生App 云打包 → 填写好相关的证书文件后 → 勾选自定义基座-》执行打包4.自定义基座制作完成后， 在HBx 菜单栏 → 运行 → 运行到手机或者模拟器 → 运行基座选择 → 选择 自定
2022-01-19 10:20:48
4460
原创 uniapp 小程序中使用逆地址解析 获取当前详细地址
描述获取当前定位的经纬度后使用 逆地址解析 获取到详细的地址uniapp和微信小程序获取地址有两个API，getLocation和chooseLocation，但都没有返回省市区等具体信息，那我们可以获取当前经纬度，然后使用逆地址解析接口去获取更多信息逆地址解析概述使用步骤1.前往腾讯位置服务官网 申请keyhttps://lbs.qq.com/dev/console/user/info填写自己小程序的appid2.使用是的，拿到key之后就可以在项目中使用了uni.getLocat
2022-01-13 10:05:39
1946
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
8809
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
4628
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
9626
原创 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
1883
原创 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
357
原创 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
848
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
10893
5
原创 uni-app中vuex，store的使用
首先在根目录下创建store目录在里面创建index.jsindex.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {}, mutations: {}, actions: {}})export default storemain.js中挂载vueximport Vue from 'vue'import App fr
2021-05-26 13:46:30
1547
原创 uniapp小程序中input内容选中效果
先看下效果点击按钮选中input的内容，使用 focus 配合 selection-start和selection-end实现//html<view class="pickbox"> <input class="uni-input" type="text" v-model="value" :focus="renameFocus" :selection-start="start" :selection-end="end" @blur="bindblur"/> <bu
2021-05-19 11:48:41
5685
11
原创 uniapp中返回上一页传值的方法，getCurrentPages()
场景：从A页面跳到B页面，操作成功后，uni.navigateBack()返回A页面并传值，不是链接带参数看到网上很多说用 prevPage.setData，试了一下发现不行，然后打印prevPage发现没有setDatavar pages = getCurrentPages(); // 获取页面栈var currPage = pages[pages.length - 1]; // 当前页面var prevPage = pages[pages.length - 2]; // 上一个页面可以看到
2021-05-17 12:01:28
4743
原创 uni-app中页面生命周期与vue生命周期的执行顺序
应用生命周期页面生命周期组件生命周期执行顺序1.beforeCreate2.onLoad3.created4.onShow5.beforeMount6.onReady7.mounted8.beforeUpdate9.updated10.返回上一页时，会执行onUnLoad，并未有执行destroyed，并未执行onHide11进入下一页时，会执行onHide这四个的执行顺序是这样的onLoad>created>onShow>mounted...
2021-04-30 11:24:48
2880
1
原创 uniapp中省市区三级联动选择
如果只要考虑微信小程序的话，直接用 mode = region 就行，要兼容其他端就要自己写了先开下效果代码如下//html<view @click="showpop>所在地址：{{citytext}}</view><view class="addressPopup-box"> <uni-popup id="addressPopup" ref="addressPopup" :type="'bottom'" @change="change">
2021-04-25 14:28:04
1894
原创 js字符串转数值，向上取整，向下取整，四舍五入等方法
1.字符串转数值 Number()var a = '3.14'console.log(Number(a)) //3.142.只保留整数部分 parseInt()var a = 3.14console.log(parseInt(a)) //33.向下取整 Math.floor()var a = 3.14console.log(Math.floor(a)) //34.向上取整 Math.ceil()var a = 3.14console.log(Math.ceil(a)) //4
2021-03-19 14:24:43
715
原创 小程序实现可拖动的悬浮图标
小程序实现可拖动的悬浮图标wxml<movable-area class="movablebox" style="height:{{phoneHeight}}px"> <movable-view x="{{x}}" y="{{y}}" direction="all" class='movableview'> <image mode="widthFix" src='https://sucai.suoluomei.cn/sucai_zs/images/2021030
2021-03-05 14:00:29
349
4
原创 git命令查看用户名和修改用户名
查看当前登录用户名：git config user.name查看当前登录邮箱：git config user.email修改用户名和邮箱：git config --global user.name “xxx”git config --global user.email “xxx”
2021-03-03 15:17:30
2339
1
原创 什么是冒泡，怎么阻止冒泡，冒泡排序
冒泡：在一个对象上触发某个事件，如果定义了这个事件，就调用处理，没定义或返回true，这个事件就会向父级传播，直到被处理为止举个栗子<div @click="this.alert('我是外层')"> <div @click="this.alert('我是内层')">点我</div></div>依次输出 '我是内层','我是外层'，从内层冒泡到外层怎么阻止冒泡jsevent.stopPropagation(); //事件里加这一句vue@
2021-03-01 17:11:00
781
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人