- 博客(78)
- 收藏
- 关注
RSS订阅原创 JS递归遍历路由文件，修改hidden属性
根据 titles = [ { title: ‘立即巡店’ },{ title: ‘普通巡检配置’ },{ title: ‘图片巡店任务’ },];上面是菜单权限，当路由文件匹配到对应的菜单名字，则说明有权限查看，hidden设置为false显示。
2024-07-24 16:15:47
321
原创 Swiper轮播图
使用： <SwiperV :imgList=“swiperList” /处理每分钟重新请求数据后，播放卡顿，快速闪，没按照设置时间播放等bug。版本：“swiper”: “^6.8.4”,以下是直接vue2 完整的组件代码。
2024-04-30 17:22:48
154
原创 window.open打开别人项目页面不成功的限制
通过window.open打开不成功，前面是接口，后面拼接页面地址的方式，open后面要加上,‘foo’, ‘noopener=yes,noreferrer=yes’, 两个参数才行。
2024-04-25 17:30:31
514
原创 谷歌地图多个maker标记点击显示当前信息弹窗infowindow
2、然后创建好maker后，监听点击事件，谷歌地图的maker标记没有对应的字段存放的，可以通过原型绑定，以下方法的创建对象，都是自定义封装，只需看对应方式。3、infowindow弹窗的设置，踩坑多次，不懂其他的以下是验证的关键，自己测试，只有html字符串才能实现，不懂在vue遇到什么坑。1、初始化好谷歌地图后，再创建一个infowindow对象，下面是自己封装的方法。
2024-01-16 09:29:42
976
2
原创 谷歌地图搜索功能的bug
1、当页面结构复杂，具体原因不知道，主要会导致pac-container 搜索列表容器跑到body，不会显示在input下，解决方案有一个：手动强制修改。以下是谷歌地图的搜索功能的js代码。
2024-01-04 16:24:01
964
原创 JS随机模糊掉字符串中的内容
/***随机模糊掉字符串中的内容*string 要模糊掉的字符串*@num 保留几个正常字符，默认1个*/funtion replaceStr(num=1){ let strArr = string.split(''),arrNum= strArr.length,newArr= new Array(arrNum).fill('x') for(let i=0;i < numm;i++){ j = Math.floor(Math.random()*arrNum); ne
2022-04-27 16:45:43
200
原创 commit之后，想要撤销commit方法
commit之后，想要撤销commit方法记录一些git的操作：写完代码之后，我们一般这样做：1、git add . //添加所有文件2、git commit -m “本功能全部完成”△、执行完commit后，想撤回commit，怎么办？△、这样凉拌：git reset --soft HEAD^这样就成功的撤销了你的commit注意，仅仅是撤回commit操作，您写的代码仍然保留。HEAD^的意思是上一个版本，也可以写成HEAD~1如果你进行了2次commit，想都撤回，可以使用
2022-04-27 16:36:10
9245
原创 uniapp小程序分享转发功能
1、当前页面使用转发按钮<button type="default" open-type="share" @ShareAppMessage="onShareAppMessage()" class="share-btn">转发</button>data(){return{ //设置默认的分享参数 share:{ title:'活动分享', path:'/pageB/activityDetail/activityDetail/?id='+this.id,
2022-04-27 15:24:55
5011
原创 elment的input价格正则计算
1、限制正数，且保留两位小数 <el-input v-model="scope.row.receiveQty" size="mini" placeholder="请输入" oninput="value=value.replace(/^\D*(\d{0,9}(?:\.\d{0,2})?).*$/g,'$1')" /> //οninput="value=value.replace(/^\D*(\d{0,9}(?:\.\d{0,2})?).*$/g,'$1')"这个测试过，万金油
2022-04-24 15:53:22
535
2
原创 纯 CSS 实现十个还不错的 Loading 效果
为保证运行正常，咱先规定下：* { box-sizing: border-box;}1. 平滑加载<div class="progress-1"></div>.progress-1 { width:120px; height:20px; background: linear-gradient(#000 0 0) 0/0% no-repeat #ddd; animation:p1 2s infinite linear;}@keyfram
2022-04-14 14:00:34
724
原创 JS 数字取整数方式
1、parseInt(number)var num1 = parseInt("2015nov"), //2015 num2 = parseInt(""), //NaN num3 = parseInt("0xA"), //10(十六进制) num4 = parseInt(20.15), //20 num5 = parseInt(-20.15), //-20 num6 = parseInt("070"); //56(八进制数)2、~~numbe
2022-03-16 11:43:13
3520
原创 uniapp实现商品详情锚点定位效果
1、直接复制粘贴引入uniapp页面如果缺少什么css 自己补充就好了，做个笔记，内容过少的情况，tab选项不是百分百的切换到最后一个，没想好怎么优化<template> <view class="page"> <!-- 顶部选卡 --> <view class="scroll-row d-flex justify-between border-top position-fixed top-0" style="height: 80rpx;backg
2022-03-04 16:00:57
1982
原创 uniapp计算剩余高度相关的坑
1、通过 uni.getSystemInfo获取系统信息这里用到了windowHeight，如果页面当前存在原生导航栏和原生tabbar底部栏，这里获取的数据是扣除了这两部分的，反之，如果自定义导航栏了，则是全部屏幕的高度，created() { // 获取可视区域的高度 uni.getSystemInfo({ success: res => { //460是rpx ，顶部元素的高度 // 因为获取的高度是px，设置的是upx ，需要转换
2022-03-02 17:38:06
872
原创 uniapp计算scroll-view的剩余高度
1、主要计算滚动组件的高度，避免屏幕出现滚动条，需求如下 <scroll-view :scroll-top="scrollTop" :style="{ height: scrollHeight}"scroll-y="true" enable-back-to-top > <slot></slot> </scroll-view><script>// windowHeight ：不包含NavigationBa.
2022-03-01 23:26:28
1854
原创 uniapp引入animate.css
1、引入下载css文件，在uniapp的App.vue引入@import ‘/common/style/animate.css’;https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css//使用：前缀+动画名<view class="animated fadeInDown">666</view>...
2022-03-01 15:26:11
875
原创 JS高级用法系列
数组扁平化处理Array.prototype.flat = function () { const result = this.map((item) => { if (Array.isArray(item)) { return item.flat(); } else { return [item]; } }); return [].concat(...result);};Array.prototype.flat2 = function
2022-02-24 15:08:53
705
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人