- 博客(32)
- 收藏
- 关注
RSS订阅
原创 uniapp如何实现tabbar中间加突出效果的图标（App）
dock 原生子窗体的停靠方式,仅当原生子窗体 "position" 属性值设置为 "dock" 时才生效，可取值："top"，原生子窗体停靠则页面顶部；mask 原生子窗体的遮罩层,仅当原生子窗体 "type" 属性值设置为 "popup" 时才生效，可取值： rgba格式字符串，定义纯色遮罩层样式，如"rgba(0,0,0,0.5)"，表示黑色半透明；zindex 原生子窗体的窗口的堆叠顺序值，拥有更高堆叠顺序的窗口总是会处于堆叠顺序较低的窗口的前面，拥有相同堆叠顺序的窗口后调用show方法则在前面。
2023-11-12 11:31:41
1896
原创 js超长number精度丢失问题
最近遇到一个问题 js有个坑 当我在写业务的时候后台给我返回一个18位长度的ID,当我使用第三方 JSON.parse（） 转换成对象后 然后去获取ID的话。获取的 ID就变成了这样 123456789123456700。这种问题是因为js 如果nuber长度为16位以上就会丢失精准度。调用后台返回的 ID 123456789123456789。我这边是通过大牛整了个架包 还有没有更简单的解决方法呢？
2024-08-26 19:00:43
230
1
原创 更多功能，实现点击显示，在点击隐藏
v-show 适用于频繁切换显示和隐藏 v-show是基于css display：none；不频繁的情况下用 v-if v-if是基于创建和销毁来实现显示和隐藏的。这里我用的v-show指令来控制的显示和隐藏。2.定义一个变量控制弹窗的显示和隐藏。1.给三个点注册点击事件。
2024-01-31 14:47:55
445
原创 app如何实现悬浮框滚动到那个模块定位到那。
这样判断的意思是多少到多少之间，滚动到相信的位置，高亮对应tap栏。tap栏切换效果代码就不贴了。直接贴如何到那个模块定位到哪，和点击定位到当前模块。使用uniapp内置方法 onPageScroll 获取到滚动了多少。其实拿到屏幕滚动多少就很简单了，下面是思路。点击那个模块定位到当前模块。
2024-01-24 09:07:24
2158
原创 vue2 使用vuex状态管理工具 如何配置与搭建。
首先我们先下载一下 vuex包 yarn add vuex@31.先导入我们需要的 Vue 和 vuex2.注册vuex3.创建vuex实例4.导出store5.在main.js中导入并挂载到全局。
2024-01-18 15:55:14
899
原创 vue2 如何配置路由详解。
首先我们要安装一下vue-router，命令为 yarn add vue-router@3.5.3 或者使用 npm 命令。有人在配置路由的时候可能会报以下错误：如何解决呢，就是版本号太高了（4版本），用以上的命令就可以（yarn add vue-router@3.5.3 ）。
2024-01-18 15:29:28
825
原创 vue2 路由守卫讲解。
/ 前置导航守卫 主要作用在于当用户登录的时候，有没有携带token，如何没有token拦截。next: 意思是放行让跳转 写法 next('路径') 比如 next('/login')白名单：白名单的意思就是没有token也可以访问的页面，如果用户访问白名单中的两个页面就让用户访问。const white_list = ['/404', '/login'] 定义的白名单。// 后置导航守卫 主要作用在于用户登录成功后是否要加一些提高用户体验的东西。to：要跳转的页面路由。
2024-01-17 14:52:18
1157
原创 uniapp开发 生产环境配置
touristMode: true, // APP是否开启游客模式， 游客模式true开启：APP打开后可以进入首页和无权限的页面，游客模式false关闭：APP打开后首先需要登录才能进入， 此时forcedLogin配置项失效。touristMode: true, // APP是否开启游客模式， 游客模式true开启：APP打开后可以进入首页和无权限的页面，游客模式false关闭：APP打开后首先需要登录才能进入， 此时forcedLogin配置项失效。assetsPath: ", // 静态资源路径。
2024-01-14 16:14:49
799
原创 js如何实现滚动到底部一键回到顶部。
将 document.documentElement.scrollTop = 0 或者 document.body.scrollTop = 0。console.log("滚动距离" + scrollTop);//为了保证兼容性，这里取两个值，哪个有值取哪一个。//scrollTop就是触发滚轮事件时滚轮的高度。写两种语法是因为兼容性问题 那个有值用那个。获取到滚动的距离不就简单了吗，当我们滚动到底部点击按钮。
2024-01-10 11:31:07
1456
原创 轮播图源码实现。
定义一个图片切换函数，通过判断形参的类型，实现不同的切换需求，如果形参是布尔值，则实现单张图片切换，如果形参是下标，则实现多张图片切换，在图片切换的尾部调用圆点更新函数。if(imgLeft === "0px") { /*当是第1张时，每张图片左移，移4张图，位置为-(4*500)*/圆点更新函数：同样判断形参的类型，如果是布尔值，每次跳变一个，如果是数字，则跳到对应的圆点，这里使用排他法更新小圆点。if(imgLeft === "-2000px") { /*当是第5张时，第1张的位置为0*/
2024-01-09 10:05:56
550
原创 flex弹性盒子常用的布局属性详解
想必大家在开发中经常会用到flex布局。而且还会经常用到 justify-content 属性实现分栏等等。space-around 属性值是第一个盒子和最后一个盒子他们是相邻元素之间距离的一半。接下来给大家分别讲一下 justify-content 的属性值。如果大家还是不清楚可以建个html 把我的代码粘进去看看效果。space-evenly 属性值是每个盒子之间的间距相同。space-between 属性值可以就是说两端对齐。以下是我敲的效果图大家可以清晰看出区别。
2024-01-08 16:42:00
1229
原创 vue实现点击复制功能方法封装demo。
2.方法需要两个参数 参数一：需要复制的内容 参数二：that。console.log('复制成功', text)message: '复制成功',title: '成功',
2024-01-07 09:23:26
994
原创 优医问诊H5 Vue3+TS+Pinia+Vant源码。
克隆地址： git@gitee.com:mazhanhu/ma-excellent-medical-consultation.git。如果克隆不下来 可以上码云搜索 Ma-Excellent medical consultation 开源仓库。想学习vue3的或者以后工作需要，可以先看一下这个项目的源码，可以本地运行，思路清晰。
2024-01-03 11:33:07
1307
1
原创 App沉浸式导航栏。
如果大家在工作中遇到需要整个屏幕中显示都是应用的内容，没有状态栏也没有导航栏，用户不会被一些系统的界面元素所打扰的需求情况下。
2024-01-02 10:13:04
531
1
原创 vue如何实现局部刷新？
div v-if="isReloadData"> 比如你想刷新那个位置就把 v-if="isReloadData"写到那个标签上 </div>在data中定义刷新标识this.isReloadData 为true 当点击tap栏的时候调用此方法reload。比如你要切换tap栏实现刷新下面form表单等，相当于刷新页面。
2023-12-27 08:46:16
861
1
原创 JavaScript
const xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;const creg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;* 验证一个值范围[min, max]* 验证电子邮箱格式。
2023-12-21 16:49:51
944
原创 节流和防抖封装方法源码可直接引入使用。
*** 防抖原理：一定时间内，只有最后一次操作，再过wait毫秒后才执行函数* @param {Function} func 要执行的回调函数* @param {Number} wait 延时的时间* @param {Boolean} immediate 是否立即执行*/// 清除定时器// 立即执行，此类情况一般用不到timeout;}, wait);} else {
2023-12-17 09:22:32
1556
1
原创 时间戳格式化，返回多久之前demo。
tips = parseInt(timer / (86400 * 30)) + '个月前';tips = parseInt(timer / (86400 * 365)) + '年前';// 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式。tips = parseInt(timer / 86400) + '天前';tips = parseInt(timer / 60) + '分钟前';// 如果format为false，则无论什么时间戳，都显示xx之前。
2023-12-17 09:16:37
366
1
原创 vue2请求拦截器和响应拦截器写法以及配置。
在接口拿到的数据就会直接拿到data，不需要在去res.data。比较常见的就是处理401错误，捕获401，做出相应的操作。比如 const {data} = res.data。可以提前解构一层接口返回的数据。
2023-12-14 14:32:31
597
原创 uniapp中如何简便使用组件？
想必使用过uniapp的同僚们都知道我们自己定义的组件使用的话要进行以下四部。在pages.json中配置以下对象就可以直接以标签的形式使用组件。这样做的话是不是很麻烦，如何简便使用组件呢？二、在你要使用的文件夹导入使用。不用在像以上几步去做，很麻烦。四 、以标签的形式使用组件。一般写在大对象的第一个。
2023-12-13 09:23:09
1567
3
原创 uniapp使用video展示视频遇到的问题。
比如视频上方会有弹窗，video视频会直接覆盖弹窗，在h5上面运行看是正常的，打包后或者运行到模拟器就覆盖了，因为video层级最高。解决方法就是用uniapp中的.nvue为后缀的文件子窗体来实现你想实现的弹窗不被覆盖需求。解决方法二：就是做互斥效果弹窗显示隐藏视频。
2023-12-12 18:31:28
985
原创 uniapp实现点击图片预览放大。
urls: [PhotoAddress], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了。current: '', // 当前显示图片的http链接，默认是第一个。思路：点击那个图片动态穿那个图片的url 点击事件方法接收参数使用。使用uniapp中的 uni.previewImage API。首先给你展示图片的标签注册点击事件。注意点：urls 配置项是数组。
2023-12-11 15:40:28
2959
1
原创 uniapp监测滚动到底部加载下一页的数据。
思路就是首先判断当前页有没有大于总页数，大于总页数就提示，小于就调用接口加载下一页，这样的写法是为了避免发出没有必要的请求。console.log('触底了', this.FormData.page);uniapp有检测滚动到·底部的API onReachBottom。title: '最后一页了',
2023-12-06 08:42:17
1949
1
原创 uniapp点击实现复制demo
error("复制失败，请检查h5中调用该方法的方式，是不是用户点击的方式调用的，如果不是请改为用户点击的方式触发该方法，因为h5中安全性，不能js直接调用！document.queryCommandSupported('copy')) { //为了兼容有些浏览器 queryCommandSupported 的判断。let result = document.execCommand("copy") // 执行浏览器复制命令。success("复制成功~")success("复制成功~")
2023-11-16 17:10:33
1039
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人