随笔分类 - 前端常遇问题
前端常遇问题解决方案
摘要：input:-webkit-autofill：自动填充 class 类名； -webkit-box-shadow：使用盒子阴影遮挡input背景色； -webkit-text-fill-color: 设置填充的字体的颜色； border-radius：一定要设为 0，默认是有弧度的； width：长
阅读全文
摘要：<ul> <li> <i class="left"></i><span class="center"></span><i class="right"></i> </li> ... </ul> li { position:relative; line-height: 30px; } i { posit
阅读全文
摘要：废话不多说：直接上代码解决问题； 父级： .parent { display: flex; flex-flow: row; } 子级： .left-child { width:100px; } .right-child { flex:1; overflow:hidden;/width:0; } 注解
阅读全文
摘要：设置 a 标签的 download属性，可以重置 文件名。如下代码，文件名重置为 file.xlsx。 <a href='http://192.168.1.1/abcd.xlsx' download='file.xlsx'>下载</a> 这种写法有个前提：href 的下载地址 和 当前网站地址 必须
阅读全文
摘要：map方法处理返回数据，获取指定数据简写方法 前言 后端返回数据为数组列表时，通常比较全面，包含了很多不需要的数据，可以通过 map 方法处理返回数据，筛选出想要的数据 例如 // 返回数据 res = [ { id: 1, name: 'zhangsan', age: 16, gender: 0
阅读全文
摘要：const TreeDataSource = (arr) => { // 判断是否是数组 if (!arr || !arr.length > 0) { return } // 将值存入map并在值里面循环调用 return arr.map((v, i) => { return { ...v, sho
阅读全文
摘要：<el-input placeholder="请输入部门名称" v-model="editForm.deptName" @input="editForm.deptName = checkNames(editForm.deptName)"></el-input> import { checkName
阅读全文
摘要：原因： 新版本router.addRoutes已废弃：使用 router.addRoute() 代替。 //addRoutes的使用方法: router.addRoutes(newRoutes) //addRoute的使用方法: for (let x of newRoutes) { router.a
阅读全文
摘要：下载devtools一定要下载5.1.1版本，其他版本要么就是下载依赖不行，要么就是打包不行，不清楚的同学会下载最新版，最新版的不能用，切记 地址放这里了： https://github.com/vuejs/devtools/tree/v5.1.1
阅读全文
摘要：1.需要固定宽度 .ellipsis{ width: 300px; overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/ } 原文链接：https://blog.
阅读全文
摘要：本文出自于 https://www.cnblogs.com/sws-kevin/p/15007850.html 转载请注明出处。
阅读全文
摘要：文件流转换 一般用于axios设置接收文件流设置时responseType: 'blob'当接口报错时,前端因已设置responseType: 'blob'无法再接收json格式数据,会把json格式数据转为blob格式,而到了这里拦截器已无法识别blob进而无法对blob数据进行拦截,这个时候就需
阅读全文
摘要：/** * 文件流转换为url * @param {} data //文件流 */ export function getObjectURL(data) { var url = null if (window.createObjectURL !== undefined) { // basic url
阅读全文
摘要：/** * 获取字符串的显示宽度/高度 * @param {} text //字符串 * @param {} fontsize //字符串 */ export function textWidth(text, fontsize) { var span = document.createElement
阅读全文
摘要：/** * kevin 2021/2/22 * @description 正则控制输入数字格式;可输入小数 * @param param * @param num 保留小数位数只能保留2位,3位,4位, 默认2位 * @param negativeBool 是否可以为负数 默认可以为负数 * @pa
阅读全文
摘要：1.从git上复制http路径 2.在vs code的工作区新建文件夹 3.选择添加远程储存库 4.输入复制的git路径然后命名远程储存库名称 5.选择从所有远程储存库中拉取分支 6.选择分支,切换当前的分支 6.1.点击左下角进入分支选择 6.2点击签出到 7.点击拉取,获取git代码 8.当更改
阅读全文
摘要：input输入框有自动保存记忆功能，点击的时候之前输入的内容会在下拉框自动提示 autocomplete="off"，这是H5的一个属性。 <input type="text" name="xxx" class="xxx" autocomplete="off"/> 火狐这个属性无效，换成：disab
阅读全文
摘要：1、js 判断一个文本框是否获得焦点 // 可以用document.activeElement判断 // document.activeElement表示当前活动的元素 // 查找你要判断的文本框 var myInput = document.getElementById('myInput'); i
阅读全文
摘要：JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。 而cookie是运行在客户端的，所以可以用JS来设置cookie. document.cookie //可获取所有cookie中的缓存 document.cookie="name=
阅读全文
摘要：数组转字符串 var arr = [1,2,3,4,'巴德','merge']; var str = arr.join(','); console.log(str); // 1,2,3,4,巴德,merge 字符串转数组 var str = '1,2,3,4,巴德,merge'; var arr =
阅读全文
