在使用Vue3中，遇到需要在路由改变时候，设置页面中数据，但Vu3中router组合式API提供的onBeforeRouteLeave, onBeforeRouteUpdate函数不满足要求，遂采用beforeRouteEnter，但使用了setup语法糖，所以需要重新开一个普通版script来使用beforeRouteEnter。

在实际项目开发中，不同的项目我们往往需要用到不同版本的node做支持，并且需要根据项目需要切换。Mac下使用n去安装多个指定版本的Node.js，并使用命令随时切换。1.全局安装nnpm install -g n2.指定版本的Node安装sudo -E n 14.19.03.查看已经安装的Noden list4.删除指定版本的Noden rm 14.4.05.Node版本切换sudo n # 上下箭头选择版本， 回车即可 6.查看当前Node和npm版本 node -v npm -v

nut-picker点击确认confirm延迟1000ms触发，该bug已在v3.2.2修复，需要设置swipe-duration惯性滚动时长默认1000ms

二进制互转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)