二进制互转1. file对象转base64 let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reader)2. base64 转成blob 上传function dataURItoBlob(dataURI) { var byteString = atob(dataURI.split(',')[1]); var mimeString = dataURI.split(',')

在前端代码中总能见到forEach、some、map、filter、reduce、every、some、find等字段，这些字段具体是什么含义，怎么使用，又有什么区别呢？JS中常常需要对数组进行遍历、迭代操作。而我们常用的就是for语句对数组进行迭代。

字符串技巧:1、比较时间2、格式化money3、生成随机ID4、生成随机 HEX 颜色值5、Generate star ratings6、网址查询参数数字技能7、Arrangement8、零填充9、转数10、时间戳11、精确小数12、平价13、取最小值最大值14、生成范围随机数布尔技能15、短路运算符16、确定数据类型17、检查数组是否为空18、满足条件时执行19、如果非假则执行20、数组不为空时执行21、对象不为空时执行

el-select组件单选与多选切换清空值报错解决方案,multiple多选值需绑定Array，单选需要绑定字符串，设置对应值后组件显示异常且报错。

后台管理系统，使用element-ui el-input组件，要求只能输入数字正整数,解决方案产品交付给测试，测试说会偶现输入值后依赖的一个计算属性值不会更新，最终经过测试童鞋的不懈努力，最终发现，只要在输入数字之前，输入英文中文等就必会触发此bug最终解决方案在使用 el-in

在Vue项目中使用了markdown，产品需求中需要富文本可控制文字颜色功能，但mavon-editor并未支持配置文字颜色，所以只能自定义工具，并添加至工具栏。首先项目使用的是Vue+elementUI，项目中已经存在颜色选择器el-color-picker，只需将颜色选择器内置到mavon-editor编辑器的菜单栏中，且生成代码即可。

1，设置或获取对象指定的文件名或路径。window.location.pathname2，设置或获取整个 URL 为字符串。window.location.href3，设置或获取与 URL 关联的端口号码。window.location.port4，设置或获取 URL 的协议部分。window.location.protocol5，设置或获取 href 属性中在井号“#”后面的分段。window.location.hash6，设置或获取 location 或 URL 的 hostname 和 p

NavMenu侧边栏遇上beforeRouteLeave确认弹窗，提示用户是否确认离开页面，取消后恢复tab高亮状态

在表单填写页面中，经常会遇到信息为空时需要拦截提醒用户填写信息的需求常用处理手段if(!this.parames){ console.log('请填写parames') return }此方法会发现全部为空格或者为换行时候无法拦截利用正则判断进行参数校验拦截var parames = " \n "; if(parames.match(/^\s+$/)){ console.log("全为空格或换行") } if(parames.match(/^[ ]+$/)){ con

element-ui自定义上传(http-request)踩坑记录

1. 以下代码输出什么结果？alert(a) a() var a = 3 function a(){ alert(10) } a() a = 6 alert(a) a()分析：这道题考察声明提前，将上述代码转为实际代码var a //声明提前 function a (){ //声明提前 alert(10)}alert(a) //输出a函数 a() //输出10 a = 3 //a赋值为3 a() //报错此时a值为3已不是函数，后续不再执行 a=6 alert(a)

算法1、n=0 和 n=1 的时候 并没有其他可选择的，所以可以得出f(0)=0;f(1)=1;2、n>=2时情况就变复杂起来，但是这个时候可以操作的步骤也就2种也就是走1步(n-1)与走2步(n-2)。所以可以得到f(n)=f(n-1)+f(n-2);从当前状态转为下一状态的通用算法既可。3、 验证，使用2以上的数字验证几次。一递归优点：可能是最好理解的算法了把。代码简单，好理解。缺点：计算次数颇多，有很多冗余计算。function method(N) { if n <= 2 {

此问题是一道面试题Array(100).map(x=>1)的结果什么，有什么办法创建一个长度为100且元素均为1 的数组理想情况下Array(100)创建了一个长度为100 的数组，使用map去循环实际运行情况如下map循环压根就没有执行，更别说改到数组内的内容原理为了解释上面的现象，我必须介绍一个重要的技术特性。在 JavaScript 内部，数组就是用数字作为键名的对象。比如：['a', 'b', 'c']本质上它等于下面的对象：{ 0: 'a', 1: 'b', 2: 'c', le

常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类：list, item, field 主次类：prima

1. 设置对象或数组的值：Vue.set（target,key,value) ；2.删除对象或数组中元素： Vue.delete ( target,key) ;3. 数组对象直接修改属性，可以触发视图更新：this.array[0].show = true;4.splice方法修改数组，可以触发视图更新：this.array.splice(indexOfItem, 1, newElement)5.数组整体修改，可以触发视图更新：var tempArray = this.array;tempArr