YoungtiNine的博客

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

const fs = require('fs');const path = require('path')const ergodicDir = (Path, format, folderNameNew) => { fs.readdir(Path, (err, files) => { // err && console.warn('路径读取出错', err); //遍历读取到的文件列表 files.forEach((filename) => {

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

typescript中的高级类型Partial将一个类型所有参数转换为可选type Partial <T> { [P in keyof T]?:T[P]}type Man { sex:string, age:number}type ManPartial = Partial<Man> // 这样我们就可以在后续中使用空对象定义一个带有类型的值let obj:ManPartial | any = {}Exclude取出T中除了U以外的，即取出T有U没有的

vue解析展示有组件的字符串今天是()月()号？对上面的文字做成填空题的形式，括号能够进行输入1.解析字符串let str = '今天是(_)月(_)号？'let reg = /(\(_*\))/glet res = Array.from(str.match(reg))res.forEach((item, index) => { // 这里就是双向数据绑定的答案对象，有由于不知道有几个空采用$set的形式就行设置 this.$set(this.blankAnswerObj,

promise工作中的实际应用这周在工作开发中碰到了一个场景，就是a函数的请求参数依赖于b函数的请求返回结果代码：methods:{ getId(){ this.$http(url).then(res =>{ console.log(res) }).catch(err => console.log(err)) }, getData(){ this.getId() //相关请求 }}上面代码的意思表示，getData()函

el-table的行内编辑本周开发遇到了需要能够在element-ui的el-tabe组件中实现行内编辑啥也不说先放代码html<el-table :data="tableData" style="width: 100%" @row-click="handleRowClick"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-c

开发中碰到，使用element-ui输入框时无法赋值，输入无反应原因：1.细节性错误使用el-form标签时，其中的el-form-item对应的prop属性值，v-model绑定值，data对象中的字段值三者出现不一致代码示例html:<el-form-item prop="name"> <el-input v-model="form.name"></el-input></el-form-item>js:data(){ retu

js函数作用域中的优先级首先直接上结论：变量提升 < 传参 < 函数体 < 首行赋值变量提升function fn(){ console.log(a) var a = 1}fn() //输出为 undefined如果将var替换成ES6中的let和const会因为暂时性死区而报错传参function fn(a){ console.log(a) var a = 1}fn(2) //输出为2从而可以得出，变量提升的优先级低于函数传参函数体