- 博客(22)
- 收藏
- 关注
RSS订阅原创 BScroll 滑动导致第一次点击无效
在css中增加 pointer-events: auto!important;强制设置未 auto。同时在scrollEnd 中增加 slider1.isInTransition = false 代码。再移动端项目中出现，页面点击后在页面下方出现隐藏区域，向上滑动后，页面的点击事件无效。发现滑动元素的div子元素被添加了 pointer-events: none。
2024-04-22 11:31:13
273
原创 error: remote unpack failed: unpack-objects abnormal exit
error: remote unpack failed: unpack-objects abnormal exit
2022-08-22 10:15:57
3500
原创 利用css实现黑白版img图片切换
首先黑白版是通过 黑版css和白版css两个不同的css文件来控制，那么就有两种不同的方式来控制图片的现实，由于图片高度可能是会超过一屏需要滚动，所以需要用img标签如下图html，要实现图中img在css中进行切换有两种方法<div> <img src="" alt=""></div>方法一，比较简单，使用display：none 来控制 比较简单的方法，但是有可能在底部出现白边的bug<div> <img src="../../i
2022-05-13 14:41:46
870
原创 系统判断 移动端则跳转
//系统判断 移动端则跳转 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { window.location.replace("../mobile/index.html"); }
2022-03-24 20:06:20
186
原创 elementui form表单验证清除
全部清除：this.$nextTick(() => { this.$refs['ruleForm'].clearValidate()// 清除表单验证 })清除指定的验证：this.$nextTick(() => { this.$refs['ruleForm'].clearValidate(['time'])// 清除单独的表单验证 })...
2022-01-17 19:06:29
1760
原创 前端常用的git流程
一、分支命名规则正式分支：master【保护分支】保证稳定可用，生产环境，最为稳定功能最为完整的随时可发布的代码。修复分支：hotfix 【修复线上问题分支】从此分支修改merge到master分支，以保证线上出现问题能及时回滚测试分支：test【保护分支】保证稳定可用，测试环境，当前提测功能使用的分支开发分支：dev【保护分支】保证稳定可用，开发预览环境，永远是功能最新最全的分支功能分支：feature/功能名称，个人某个功能点正在开发阶段提交到此分支二、操作步骤在github中创建一个
2022-01-13 16:10:41
420
原创 el-upload http-request上传覆盖默认，显示上传成功的 icon 和 默认的进度条 以及上传失败自动删除
上传成功的 icon 有一个onSuccess() api默认进度条有一个onProgress() apithis.$axios({ method: 'post', url: this.upload.url, data:formdata, config, onUploadProgress: progressEvent => {//axios自带api，获取上传
2021-11-19 11:45:30
2000
原创 element e-tree 样式修改
上面的图片就是要修改的样式通过浏览器中元素检查，触发和不触发，有子集没子集的class不同 所以可以用来区分我这是有两个效果 一个文件，一个 加减号 以及一个勾选的颜色，所以我们用before和after两个来实现，只有一个的话用一个就好了//去除旋转/deep/ .el-tree-node__expand-icon.expanded{ transform: rotate(0deg) !important;}.el-tree /deep/ .el-tree-node__expand.
2021-10-09 14:37:23
1626
1
原创 递归列表树
//递归列表树 foo1(data, id, parentId, children, rootId) { id = id || 'id' parentId = parentId || 'categoryId' children = children || 'children' rootId = rootId || Math.min.apply(Math, data.map(item => { return
2021-09-02 15:52:56
131
原创 element ui el-input禁止输入特殊字符
Vue.prototype.validForbid = function (value) { value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, '').replace(/\s/g, ""); return value;}<el-input :value="name" @input="e => name =
2021-08-12 10:45:55
2366
1
原创 前端利用图片链接下载图片
downloadByBlob(url, name) { const image = new Image() image.setAttribute('crossOrigin', 'anonymous') image.src = url image.onload = () => { const canvas = document.createElement('canvas') canvas.width = image.wid.
2021-07-29 16:37:00
1372
原创 前端下载文档流
//创建一个隐藏的a连接，const link = document.createElement('a');let blob = new Blob([res], {type: 'application/vnd.ms-excel;charset=utf-8'});link.style.display = 'none';//设置连接link.href = URL.createObjectURL(blob);link.download = '需求反馈导出文件'; document.body.appe
2021-06-21 16:17:54
176
原创 elememt ui 时间选择器时间禁用
首先在时间选择器中el-date-picker 中加上 :picker-options=“pickerOptions” 这个属性 如下：<el-date-picker v-model="form.startTime" :disabled="title==='查看直播'" type="datetime" placeholder="选择日期时间" :edi
2021-05-19 15:08:07
321
原创 element ui upload 组件缩略图上删除按钮的实现
element ui 的官网上 upload 组件缩略图上删除按钮并没有实现他的功能他组件内是定义了一个 handleRemove 的删除事件，那么怎么实现呢首先在upload 组件上给他一个 ref 属性<el-upload action="#" ref='files' list-type="picture-card" :auto-upload="false"> <i slot="default" class="el-icon-plus">&l
2021-05-10 16:37:59
3359
1
原创 vscode 内网外网插件安装，eslint自动审查修复
一：vscode编辑器1：如果是外网的情况，可以直接在vscode编辑器内下载 eslint 插件，并开启按照上面图片的步骤就以下载并开启了。2：如果你是内网的情况下，需要先去 https://marketplace.visualstudio.com/ 这个网站下载了搜索到想要下载的插件，点击标记的下载方式下载，下载完之后吧插件复制到内网的 Microsoft VS code 文件的 bin文件夹下按照上图的方式导入即可二：eslint 自动审查设置打开vscode的设置界
2021-05-07 15:48:19
950
4
原创 利用 element ui 进度条实现渐变 条纹进度条
首先 我们看下需要完成的效果首先可以看到是一个有白色条纹，以及一个渐变色的条纹的进度条第一部分呢 我们可以先写出这个白色的条纹我们可以利用以下代码实现白色条纹```html```javascript在这里插入代码片...
2021-04-30 16:52:09
3617
4
原创 el-date-picker 默认无法显示，但下拉中有选中的情况，城市级联下拉的默认值问题
最近在项目中使用到 elemennt-ui的日期选择器出现了符默认值无法显示，但在下拉框中能够显示，经过多番搜索，查看从接口中获取到时间后直接赋值给相应字段很容易出现问题所以我们要使用 $set来设置这个默认值才可以正常显示this.$set(this.form, 'examTimes', [res.data.startDate, res.data.endDate])还有一个就是城市级联下拉的默认值问题 <el-cascader v-model="value"
2021-04-30 10:30:48
895
1
原创 element ui tr间距设置
想要给el-table添加cellspacing 这个属性，之间在el-table标签中添加时没用的，el-table时使用了div对原生table的一个嵌套，在行内直接设置只会添加到最外层的div行内，所以是不会生效的，这个可以在控制台内看到这种情况想要对table添加cellspacing 这个属性只能通过js操作dom来实现document.getElementById('myTable').cellPadding="15";document.getElementById('myTable').
2021-04-23 16:26:06
5512
3
原创 vue中利用switch来写组件中的事件
本人语言组织能力有限所以直接上代码,好懂父组件<template><button @click='handleEvent('click1','123')'></button><Son></Son></template><script>improt Son from './son'export default{name 'father',components:{Son},method:{handleEv
2021-01-14 11:06:10
1306
原创 Node Sass version 5.0.0 is incompatible with^4.0.0 问题解决
此错误来自sass-loader。因为node-sass @latest为v5.0.0，而sass-loader期望值为^ 4.0.0。卸载5.0 重装4.x的就可以了// 卸载node-sassnpm uninstall node-sass// 然后安装4.x版本（5.0之前）npm install node-sass@4.14.1
2020-11-02 14:14:05
7180
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人