hjin_的博客

el-upload的两种上传方式

背景在开发过程中，我们经常会遇到不能获取undefined或者null的某个属性的报错。还有各种各样的空值处理。如果使用三目运算符、if else来处理的话，会造成代码冗余，看着也很难受。可选链(?.)主要就是解决下图的问题。其实这种情况就相当于直接在undefined上面访问name属性，undefined和null是两个比较特殊的数据类型，是不能用点操作符去访问属性的。那么在一个变量可能为null、或者undefined的时候，恰巧我又需要访问这个变量的一个属性，那我们应该这样做let a

el-select的v-model前言有一个组件，里面只有一个下拉款，选择下拉款的数据时，会根据其中一个字段判断是否生成下一个下拉款，这就需要调用它自身，并且用这个组件的时候，绑定的值需要是数组。父组件：<DictSet v-model="dictSetArray" :dict-set="dictSet"/>子组件：<template> <span class="dictset"> <el-select v-mod

localStorage使用的踩坑localStorage 是以字符串的形式来存储的localStorage 储存的数字类型会自动转为字符串类型//声明数字类型 let index = 1; console.log(typeof index); // number //直接储存 localStorage.setItem('currentPage', index); //获取的是字符串类型 let getIndex = localStorage.getItem('

问题引出在某个从后端获取的表格数据中，有一列是对象格式，不能用于直接展示。解决方式：不直接展示此列，在操作列加一个按钮，点击之后弹窗展示那一列的数据，形式为key和value的两列表格，key为该对象的各个字段名，value为字段值。这就需要将对象转化为key和value形式的对象数组。代码const metaData = {"api-type": "apiparser", "management.port": "8101"}Object.entries(metaData).map(([key,

数组的高级方法之迭代方法ECMAScript 5 为数组定义了5 个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象——影响this 的值。传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同，这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这5 个迭代方法的作用。every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。some()：对数组中的每一项运行给

数组高级方法之排序数组中存在两个可以直接用来重排序的方法：reverse()和sort()reverse()方法reverse()方法会对数组进行翻转。只是单纯的调转数组项目的整体顺序而已。该方法会改变原始的数组var arr1 = [1, 2, 3, 4, 5];var arr2 = arr1.reverse();console.log(arr1);// [5, 4, 3, 2, 1]console.log(arr2);// [5, 4, 3, 2, 1]sort()方法点击查看完整

JS中sort()方法原理及使用sort()方法用于对数组的元素进行排序，并返回新数组，这个方法会改变原数组。不传参数sort()方法不传参数时默认是根据字符串UniCode码来进行排序的。如果数组内不是字符串，会强制传化为字符串来进行排序。传参数sort()方法也可以传入一个参数，该参数必须为一个函数(被称为比较函数)，比较函数接收两个参数。特别注意, 任意两个数组项目的排列顺序是由返回参数决定的。参数有三类, 负数, 正数和0 , 不论比较算法是啥, 反正数组最后的排序结果就按照参数

JS中日期对象详解创建日期对象创建当前时间的日期对象ECMAScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的。为此，Date类型使用自UTC（Coordinated Universal Time，国际协调时间）1970 年1 月1 日午夜（零时）开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下，Date 类型保存的日期能够精确到1970年1月1 日之前285年或之后的616年。要创建一个日期对象，使用new 操作符和Date 构造函数即

call、apply、bind简单例子说明三者区别作用：改变this指向传参this指向问题var a = { user: "aren", fn: function () { console.log(this.user); }}a.fn(); //aren 谁调用就指向谁var b = a.fn;// b是一个全局的变量 -->windowb();// undefind window对象下没有user属性，所以是未定义var b = a.fn;b.apply(