weixin_46037781的博客

闭包（Closure）是指一个函数能够访问并操作其词法作用域外部的变量的能力。具体来说，闭包是由函数以及函数内部能够访问的变量组合而成的包裹（Closure）。函数内部可以访问外部函数的变量和参数。外部函数执行完毕后，其内部变量不会被销毁，仍然可以被内部函数访问。闭包可以捕获并保存外部函数的作用域，使得外部函数的变量在内部函数执行时仍然可用。保护变量：闭包可以保护变量不被外部访问和修改，实现了数据的私有化，增加了程序的安全性。

处理vite兼容低版本浏览器，es6语法兼容

一、for循环const arr = [33, 4, 9]let max = arr[0];for (let i = 0; i < arr.length - 1; i++) { max = max < arr[i+1] ? arr[i+1] : max}let min = arr[0]; for (let i = 0; i < arr.length - 1; i++) { min = min > arr[i + 1] ? arr[i + 1]

一、说下我们这个pie（饼图坑爹之处）它有两种data绑定方式直接绑定到data里<my-chart-pie :data="pieData" style="height:330px" >data() { return { pieData: { columns: ['渠道', '访问量'], rows: [ ['直接访问', 320], ['邮件营销', 302], [

一、删除数组1.1、数组的方法pop(); // 移除最后一个元素并返回该元素值 shift(); // 移除最前一个元素并返回该元素值，数组中元素自动前移 splice(deletePos,deleteCount); // 删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素1.2、delete方法缺陷在于需要索引位置，无法与for...of一起使用这种方式，删除后将那一项变成undefined，数组长度不变，之后遍历的时候会自动

文章目录一、blur事件失效二、使用`native`与`capture`让`blur`生效三、关于row，在@blur延迟的问题一、blur事件失效这个blur的生效十分有问题，很多时候都无效，偶尔点击元素内部以及选项的时候突然就生效了<el-select @blur="handleBlur"></el-select>二、使用native与capture让blur生效虽然点击元素内部还是会让blur生效（点开选项隐藏选项的时候生效），但是这能够确保点击元素后，在光

文章目录一、数组原型的递归方法`Array.prototype.reduce()`1、reducer 函数接收4个参数:2、语法3、参数4、 ==官方给出了累加的示例==5、==这是一些示例方法==一、数组原型的递归方法Array.prototype.reduce()reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。1、reducer 函数接收4个参数:Accumulator (acc) (累计器)Current Value

文章目录一、在混入的`js`中可以操作组件的`data`和`computed`1.==:style加入多个对象样式==2.在factory中进行操作一、在混入的js中可以操作组件的data和computed1.:style加入多个对象样式这是一个 Diagram.vue组件<div ref="content" class="my-go-diagram__content" :style="[contentStyle, myCursor]" >&l

false类元素空字符串，undefined，null，0，NaNfilter(Boolean)过滤const res = [0,3,4,'',true,false,null,undefined,'test']const filterRes = res.filter(Boolean);console.log(filterRes);// [ 3, 4, true, 'test' ] 

文章目录一、Object 实例和 Object 原型对象二、Object构造函数的==属性==三、Object构造函数的==静态方法==实例方法一、Object 实例和 Object 原型对象JavaScript中的所有对象都来自 Object；所有对象从Object.prototype (en-US)继承方法和属性，尽管它们可能被覆盖。二、Object构造函数的属性Object.length—— 值为1Object.prototype—— 指向 Object 函数的原型对象三、Obje

Vue.prototype定义常量（全局变量）在main.js中使用Vue.prototype定义变量是为添加了一个原型属性，但如果是常量（boolean，number，string，null，undefined），则可以实现全局变量Vue.prototype.name = ‘张三’Vue.prototype.$myName= ‘李四’name和$myName的区别：在于 name可以被data(){return{……}}修改。而$myName不可以， $作为vue中的一个简单约定，用

一、console.log()| info()| debug()| warn()| error()console.log("console log")console.info("console info")console.debug("console debug")console.warn("console warn")console.error("console error")二、console.table()this.searchColumns({ data: { pinyin: que

通过ES6的对象解构+for…in循环判断每一个值是否为空因为一次判断多个表单，导致rules没啥用，还是得判断自定义的对象的值const {described, source, version, ...mdInfo} = this.mdInfo for (const i in mdInfo) { console.log('mdInfo', mdInfo[i]); if(mdInfo[i] === '') {

一、Babel简介ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。1.1、安装安装命令行转码工具Babel提供babel-cli工具，用于命令行转码。它的安装命令如下：npm install -g babel-cli#查看是否安装成功babel --version1.2、Babel的使用B

文章目录一、:model和v-model是不一样的二、:model绑定的一些问题**把选择器的选中的值给到一个flag，然后通过flag给到上面表单的info中，一次性重新全部赋予到this.mdInfo****当前行的数据row整个和单个赋予到data的info中，会有差异**一、:model和v-model是不一样的v-modelv-model是vue.js内置的双向数据绑定，只用于表单控件标签，如input、textarea ；例：直接对input做双向数据绑定。 <input ty

文章目录一、`for...in`, `for...of`, `for `和 `forEach` 循环的区别1.1、for…in和for…of的区别1.2、for1.3、for...in（主要用于遍历对象）1.4、`for...of`(`ES6`新增，利用了遍历对象内部的`iterator`接口，主要用于`遍历数组`)1.5、forEach（参数分别为value,index,数组体）二、Set 和 Map 结构三、while循环一、for...in, for...of, for和 forEach 循环的区别

一、对象操作Object.assign.(obj, objitem)Object.assgin() //es6方法 将源对象合并到目标对象Object.assign 在 对象只有一层时为深度克隆 否则 为浅克隆Object.assign(newObj,a,b,c)// 第一个参数是个对象后面都是源对象也就是被合并的对象......