YoungtiNine的博客

1. 方案一 vue-codemod1.1 文档1. [第三方文档](https://originjs.org/guide/tools/vue-codemod/)2. [官方仓库](https://github.com/vuejs/vue-codemod)1.2 来源来源为官方**vuejs**仓库，文档标明为实验阶段1.3 转换输出输出转换占比及文件可以在输出得文件日志中查看已转换文件和未转换文件1.4 更新周期github最近更新时间为2021-07-20npm最新发

1.1 编辑器统一编码规范# http://editorconfig.orgroot = true[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = space # 缩进风格（tab | space）indent_size = 2 # 缩进大小end_of_line = lf # 控制换行类型(lf | cr | crlf)trim_trailing_whitespace = true # 去除行首的任意空白字符in

1. 默认使用props: { obj: { type:Object, default:() => ({}) }, arr: { type:Array, default:() => ([]) }}2. 为什么需要通过函数的形式因为对象和数组都是属于我们的复杂类型，在进行访问指向的时候我们使用的是对象和数组的地址，而不像基础数据类型那。如果我们没有通过函数的形式去设置对象和数据类型的默认值，而是直接采用{}和[],如果多个使用该组件的地方因

html<div class="img-preview" v-else-if="fileType === 'image'" ref="imgPreviewRef"> <img :src="src" alt ref="imgRef" :style="`transform:scale(${imgScaleSize})`" /> </div> <div class="img-opt-btn"> <el-button c

promise情况下多个异步请求链式请求场景今天碰到文件上传，上传多张只会收到一张，由于调一次接口只能上传一张图片，原本我是用循环调接口，并行的请求，后来后端要求单个并且链式调用，等前一个接口返回了才调下一个解决由于不定个数肯定是只能通过数据遍历的形式去调用接口，顺序+数组我就想到了reuduce方法，虽然自己的想法没有成功，试错过程发现：js数组的高阶函数这些的函数体执行了异步代码时，即使使用async await，也是所有循环的同步代码执行完，采取执行异步代码(高阶函数就是类似ma

el-table上下键高亮当前行数据值定义data () { return { // 表格跳过的行高 skipRowHeight: {}, // 超出视口高的索引 overViewIndexArr：[], // 当前行索引 currentchangeData:0， // 表格数据 tableData：[] }}添加键盘监听activated () { document.addEventListener('keydown'