- 博客(54)
- 收藏
- 关注
RSS订阅转载 正则匹配大全（大多数很实用）
15、手机号：^((13[0-9])|(14[0-9])|(15[0-9])|(17[0-9])|(18[0-9]))\d{8}$验证InternetURL：^http://([w-]+.)+[w-]+(/[w-./?[a-zA-Z0-9_\u4e00-\u9fa5]+ 至少一个汉字、数字、字母、下划线。17、匹配网址URL的正则表达式：[a-zA-z]+://[^s]*7、由数字、26个英文字母或者下划线组成的字符串： ^\w+$19、匹配国内电话号码：d{3}-d{8}|d{4}-d{7}
2023-09-18 11:08:01
2585
原创 【vue之ant-design-vue报错疑难问题解决（一）】
啥也不说，先上报错图：明明很多文件都是这么使用的，却唯独这个文件报错，很迷惑，不知道如何下手解决：下面是我的代码试过好几种办法都不可行$nextTick的，加setTimeout的，也不知道那些认为可行的都是怎么可行的，反正我这里都不可行，最后发现我用了解构赋值，就改为普通逐条赋值，好使！终于解决了。
2022-09-09 10:53:36
1235
原创 【git每次更新或者提交代码时都需要输入用户名和密码问题解决】
输入一下命令：git config --global credential.helper store再次更新代码操作时，依然会提示让你输入用户名和密码，再次输入一遍
2022-07-08 14:19:53
5098
原创 【css 边线实现颜色渐变】
边线实现颜色渐变实现垂直颜色渐变border-top:2px solid #ddd; border-image: -webkit-linear-gradient(#d2f50f, #f05108) 1 2; border-image: -moz-linear-gradient(#d2f50f, #f05108) 1 2; border-image: -o-linear-gradient( #d2f50f, #f05108) 1 2;
2022-05-17 14:55:14
589
原创 【Ant Design Vue中的Tree组件实现子节点的互斥选中】
Tree组件实现子节点的互斥选中项目中使用Ant Design Vue中的Tree，遇到一个需求，那就是某个节点下的所有叶子节点实现互斥勾选，即勾选了A，再去勾选B的话，自动去掉A，反之，亦然。如图，需要实现洗发指令和开灯X小时的互斥代码<Tree checkable :checkStrictly = "checkStrictly" @expand="onExpand"
2022-05-16 14:58:17
1149
原创 自己封装u-button组件，解决父组件事件冒泡问题
自己封装了u-button组件，结果会出现事件冒泡，下面说下如何解决：这是封装的子组件：这是父组件中的嵌套事件：我做了测试的方法：当我点击封装按钮的时候：会先执行父级元素上的方法。先是尝试了直接在封装的click后面加stop结果还是不行。把click事件挪动到封装子组件的最外层上：成功解决了事件冒泡！这是我在做微信小程序中，遇到的一个问题，亲身体验，若有不对的地方，还望一起讨论！...
2022-03-01 17:25:39
725
原创 百度地图Polyline实现多颜色绘制
百度地图Polyline实现多颜色绘制最近一直在做地图绘制轨迹（BMap.Polyline）功能概述：查询车辆 <= 7天的轨迹点，并绘制轨迹路线，这个路线包含两个功能：速度超过规定范围，线路颜色变化；鼠标滑过每个轨迹点，需要展示车辆信息牌（BMap.InfoWindow）瓶颈：当数据量在8000之内，地图加载，使用几乎没什么问题；当数据量在8000到12000之间也还勉强可以使用；再多一些地图则明显出现卡顿，尤其是在2万点的时候，浏览器直接跪是常态如图是我们的轨迹界面优化方案：将数据量按
2021-05-14 16:30:52
4247
3
原创 vue项目前端打包部署服务器，自动清除浏览器缓存
第一步：在package.json文件中，有个属性：version，每次打包时，改变一下内容第二步：在main.js文件中，加入如下代码：const VUE_APP_VERSION = require('../package.json').versionconst vers = window.localStorage.getItem("appVersion");if(VUE_APP_VERSION != vers){ localStorage.clear() window.localStor
2021-04-19 16:32:15
4461
1
原创 前端计算两个时间差
类型=秒1000 类型=分钟1000 * 60类型=小时1000 * 3600类型=天1000 * 3600 * 24let startT= new Date(开始时间); //开始时间以/分隔let endT = new Date(结束时间); //结束时间以/分隔间隔 = parseFloat((endT .getTime() - startT.getTime()) / parseInt(类型));...
2021-03-24 10:55:58
1279
原创 vue报错死循环＜ISELECT＞
问题描述项目启动，突然报错：you may have an infinite update loop in a component render function 一头雾水，不知道从哪儿下手解决办法把依赖包删除，重新cnpm install
2021-03-02 12:23:47
214
翻译 vue中手动拖拽div改变高度
vue中手动拖拽div改变高度项目的需求是可以手动拖拽底部div（红色区域），动态改变高度我参考了一位网友的文章，改造适用自己的场景，但是找不到他的地址了。核心是自定义一个指令，然后针对当前元素的鼠标事件进行坐标值得计算。 directives: { dragging(el){ let current = el; //当前元素 let targetDiv = document.getElementById('map-footer-table') curr
2021-01-28 11:09:06
3202
2
原创 iview采坑（持续更新...）
用习惯了饿了么，突然用iview，有许多点还是不一样的，下面就罗列几点我遇到的小坑坑Form表单的DatePicker 日期选择器在表单提交之前，需要对日期属性做格式化处理不然提交给后台的数据格式就会像下面这样，导致接口失败如果同一个表单二次提交，则之前做过格式化的日期值不能再次格式化如果第一次接口失败，格式化过的字段不能再次格式化Table的某一列字段想自定义显示内容后台返回来的设备状态字段是0或1，前端需要展示响应的中文 <Table highlight-
2020-11-12 16:41:30
126
1
原创 vuex中actions在多个模块间的调用
开发过程中突然遇到这样一个需求：actions间的互相调用如图是我的工程，user.js中的actions需要调用tagsView.js中的actions方法方法logout({ commit, dispatch , state }) { debugger return new Promise((resolve, reject) => { logout().then(() => { commit('SET_TOKEN', '')
2020-09-18 13:58:02
1210
原创 vue中$confirm弹出时就直接走then方法了
项目中遇到这样的情况：confirm框一弹出来就立马执行了then方法中的代码，不符合业务逻辑代码如下：this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then( this.$message({ type: '
2020-09-15 10:49:38
4404
3
转载 echarts折线图颜色渐变
series-line.areaStyle. color = “#000”填充的颜色。颜色可以使用 RGB 表示，比如 ‘rgb(128, 128, 128)’，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 ‘rgba(128, 128, 128, 0.5)’，也可以使用十六进制格式，比如 ‘#ccc’。除了纯色之外颜色也支持渐变色和纹理填充// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCo
2020-09-09 14:29:42
4511
原创 sync优雅更新props
大家都知道在vue中父组件向子组件传值用props ，但在子组件中不允许直接修改prop，因为这样操作并不符合单向数据流原则，官方定义用$emit修改，在父组件中接受该事件传来的更新值。突然有一天，我的需求变了，很简单：我仅仅想修改prop的值，仅此而已。那么就该sync上场啦！！！父组件：<my-box :fillname.sync = "fillname"></my-box>子组件：export default { props:{ fillname: Str
2020-09-07 14:12:05
168
原创 git(svn)下载代码后不再弹出让输入用户名密码框解决办法
有些小伙伴可能会遇到git clone的问题，首次clone弹出凭据弹框，要求输入用户名密码，结果输错或者没权限导致无法下载，再次clone则直接报红失败，并不会再弹出输入用户名密码的凭据框解决办法来啦打开系统中的“凭据管理器”，点击控制面板，最右侧查看方式选“小图标”删掉存在的凭据，就会重新弹出来了...
2020-09-02 17:30:07
1571
原创 微信小程序路由跳转详解
方法一关闭当前页面，跳转到非tabBar的某个页面gotoHome(){ wx.redirectTo({ url: '/zszy/pages/basics/home/home' }) }方法二 <navigator url="/zszy/pages/my/repasswd/repasswd?type=1" open-type="redirect"> <view class="wjmm">忘记密码</view> <
2020-09-02 17:14:53
636
原创 一篇搞懂webpack.config.js
module.exports = { publicPath: './',//设置的就是域名根目录到项目文件根目录间的url。 outputDir: 'motorway',//打包后生成的文件目录名 assetsDir: 'static',//静态资源目录 lintOnSave: process.env.NODE_ENV === 'development',//设置是否在开发环境下每次保存代码时都启用 eslint验证。 productionSourceMap: false,//设置是否在
2020-09-02 16:06:46
358
原创 css样式属性变量化
css中有些样式变量定义抽取// variables.scss文件$menuText:#fff;$menuActiveText:#FFFFFF;$subMenuActiveText:#fff; //https://github.com/ElemeFE/element/issues/12951$menuBg: #3B69Ec;$menuHover:linear-gradient(to right, #325ECE, #325ECE);$subMenuBg:#3B69Ec;$subMenu
2020-09-02 14:39:06
343
原创 vue中不引入jQuery如何获取DOM元素
在vue不引入jQuery插件的条件下，一步获取dom元素//在dom元素<div ref="aaa"></div>//获取this.$refs.aaa.style.top = "10px"
2020-08-31 10:29:16
372
原创 video标签src动态赋值后视频无法正常显示
video标签中src从后台获取回来后视频仅仅是转了个圈，无法正常播放，代码如下： <video width="100%" height="572" controls muted="muted" autoplay="autoplay"> <source :src="url" type="video/mp4"> 您的浏览器不支持 HTML5 video 标签。 <
2020-08-27 13:56:40
3596
原创 VUE中form表单里面嵌套table并且实现每一个单元格都有input框校验（二）
VUE中form表单里面嵌套table并且实现每一个单元格都有input框校验最近项目需求要求form表单中有一项“主要领导成员”和“联系人”（他们的输入格式一致）而且领导人至少输入一位，最多输入两位位，效果图如下校验效果如下最外面的红框是为了用户醒目我自己用两div封装的，直接贴代码methods: { //每次输入完一个input后失去光标后检验这一项 upperCase(){ this.checkMemFun
2020-08-21 18:22:16
6075
4
原创 elementui中的form表单中嵌套表格，表格中又校验input框
elementui中的form表单中嵌套表格，表格中又校验好几个input框最近需求中form表单中要填写好几个联系人，每个联系人都有姓名，手机，地址等多个信息，而且均需要做校验，代码如下data中的变量如下 model: { list: [] }, mainMemLabel: false, rules1: { name:
2020-08-12 19:54:50
8143
2
原创 elementui表格中表头宽和内容宽不能自动匹配
elementui表格中表头宽和内容宽不能自动匹配table中的数据是动态加载出来的，结果表头和内容总宽对不齐，如下图：解决办法设置样式checkTable是我自己起的表格ID，总之就是将表头中的th，F12打开会看到最后一个是display:none的，只要放开就可以了...
2020-08-12 19:46:15
1002
原创 在封装好svg的项目中使用自己的新svg图标不显示问题
最近我接手了一个已经完成的项目（这个项目使用的是封装好的svg）优化其中的某些地方，其中一个就是将项目原来的有些图标替换为自己的，出了点小插曲，插曲一咦？我的图标放进去咋就不显示呢？！！定位了好久都没有头绪，怎么就出不来？等下午太阳下去了，我的电脑屏幕不反光了，才发现其实是有图标显示的，只是颜色太浅没看见··~~插曲二那我的图标为啥颜色和人家的不一样呢，F12查看对比样式，尝试修改都无...
2019-08-29 13:41:25
1721
原创 vue项目中使用.svg图标的两种方式
最近项目中要求使用svg图片格式作为项目图标，以适应放大缩小后的效果自己总结了以下两种方式：第一种 类似iconfont去字体图标制作网站icomoon.io点击“IcoMoon App”，然后点击右上角“IcoMoon App”出来如下图界面：此界面中你可以导入自己的svg图，也可以选择系统里自带的并勾选，总之，选好需要制作的图标后，点击右下角“Generate Font”，...
2019-08-29 11:54:31
1723
原创 vue+elmentui项目中使用mint-ui的action sheet
vue+elmentui项目中使用mint-ui的action sheet这是饿了么效果：这是mint-ui效果：单个下拉框数组循环下拉框大家都知道饿了么框架本是pc端的，手机端项目体验可能就没那么好了，所以为了更好的适应手机端，最近项目要求将饿了么的下拉框组件改成mint-ui的actionsheet这是饿了么效果：这是mint-ui效果：在改造过程中主要遇到两类情况：单个下拉框...
2019-07-24 14:08:04
478
原创 项目中如何判断当前设备是手机还是pc端
项目中如何判断当前设备是手机还是pc端方法一方法二在vue+elementui项目中，我遇到了需要判断当前设备是pc端还是手机端的问题，以下是我们上网搜索总结的两类方法方法一方法二...
2019-07-16 10:54:18
1058
原创 elementui表格的合计行不显示问题
这里写自定义目录标题elementui表格的合计行不显示问题原因分析解决办法elementui表格的合计行不显示问题背景：vue+elementui项目中合计这一列不显示，但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了原因分析查看dom布局发现，合计一列并未包含在el-table中，而el-table原始文件给的是overflow:hidden;解决办法.el-ta...
2019-07-09 10:40:47
13262
8
原创 微信小程序中的checkbox使用
微信小程序中的checkbox使用index.jsindex.wxml显示效果：输出的值是数组：index.jsindex.wxml显示效果：如果要取checkbox的选中值，可以这样输出的值是数组：[“0”,“1”] 或者 [“0”] 或 [“1”]...
2019-07-03 16:37:02
9186
翻译 微信小程序中使用阿里巴巴图标库
这里写自定义目录标题微信小程序中使用阿里巴巴图标库第一步第二步第三步微信小程序中使用阿里巴巴图标库第一步阿里巴巴图标正常加入自己的项目，并下载到本地：注意：这里的选择
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人