在使用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