
es6
Hero_rong
实战型前端选手
展开
-
多维数组扁平化
数组扁平化,就是把多维数组转化为以为数组,例如,将多维数组 [1,2,3,[2,3,[4,5,6]],4,100] 转化为 [1,2,3,2,3,4,5,6,4,100] 的形式方法一:递归函数实现let arr = [1,2,3,[2,3,[4,5,6]],4,100]let getNewArr = (arr)=>{ let newArr = [] for(let i=0;i<arr.length;i++){ if(Array.isArra..原创 2021-10-28 16:41:16 · 1571 阅读 · 0 评论 -
解构取不到默认值
let {week} = data[k] || {}//data[k] 是个对象,{week:null},并不是一个值//week 也是个对象,{week:week}默认值生效的条件是,对象的属性值严格等于undefined。所以,取不到默认值只有一个情况,那就是后面已经有值了,null 不严格等于 undefined ,所以,如果后面的值是null的话,它就会取null看一下es6入门官方文档https://es6.ruanyifeng.com/#docs/destructurin.原创 2021-10-27 11:33:50 · 619 阅读 · 1 评论 -
es6解构对象
解构解不好坑人,今天看到一个同事的代码是这么写的(为什么会看她的代码呢,因为我接了她的需求o(╥﹏╥)o)const {ret,data:{documentId}} = await service.save(params)//请求一个方法,拿到里面的返回值,并解构if(ret === 0){ //此处是判断的方法,但是死活不走这里}返回的数据也是有的,ret 也确实是等于 0 的,最后搞得我面向微信群编程,有个大佬,提醒了我一句,是不是根本就没有数据,然后再次看了一眼数据,发现,数据原创 2021-10-20 10:03:03 · 632 阅读 · 0 评论 -
es6交换数组位置
利用es6的解构交换数组位置,第一个元素和第二个元素互换位置,再也不用先删除再添加了,或者用中间值操作了let arr = [1,2,3,4];[arr[0],arr[1]] = [arr[1],arr[0]];注意,这里一句一句必须加 ; 要不然会报错!...原创 2021-07-12 15:06:52 · 2602 阅读 · 0 评论 -
for of 循环获取index值
for of 循环的时候非常方便,基础形态是这样的,直接打印 s ,就可以取到里面的值了,但是!!这种情况下是取不到 indexfor (let s of sequence) { console.log(s);}后来我就发现了这个方法.entries()entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。迭代对象中数组的索引值作为 key, 数组元素作为 value。酱紫就可以啦for (let [m,index] of...原创 2020-11-06 18:32:58 · 30257 阅读 · 13 评论 -
js去除数组中的empty undefined 空项
arr.filter(d=>d)原创 2019-12-06 10:40:15 · 9110 阅读 · 3 评论 -
element 验证详解 自定义验证规则
如图,验证功能点名称,长度1-20并且是数字和字母的组合。长度是1-20,这个很好办,直接el-form表单上添加:rules="rules" ,添加个ref="ruleForm" ,下面提交的时候好识别 ,prop="powerName" 就是对应的规则的名称了<el-form :model="form" :rules="rules" ref="ruleFo...原创 2019-11-25 17:10:53 · 9602 阅读 · 0 评论 -
element-ui 框架的checkbox组件 详解
<el-checkbox-group v-model="form.powerIdArr" @change="changeGroup"> <el-checkbox @change='changeLick' v-for="item in powerList" :label="item.powerId" name="type">{{item.powerDescr...原创 2019-11-15 15:45:04 · 18499 阅读 · 5 评论 -
el-tree 改变label
<el-tree :data="data" :props="treeProps" @click="showAdd()"></el-tree>treeProps: { label: "name", children: "children"},原创 2019-11-07 14:39:45 · 7137 阅读 · 0 评论 -
Vue Element Admin 用mock模块模拟数据
步骤简单一 在 src/api/charts中添加接口 ,方法名为getindexMockimport request from '@/utils/request'export function getindexMock(params) { console.log(params) return request({ url: '/charts/one', ...原创 2019-11-07 13:40:00 · 4188 阅读 · 9 评论 -
前端用md5加密
步骤简单一:下载md5npm install js-md5二:导入使用1. 导入import md5 from 'js-md5';2.使用console.log('name=====', md5(name))打印下来的结果是一串字符串...原创 2019-11-05 17:47:29 · 3224 阅读 · 0 评论 -
vue-element-admin 跨域的问题
这两天再用 vue-element-admin框架做项目,直接下下来的话,是用mock模拟的数据,想要真正的调用服务器的地址,需要这么干1.在vue.config.js 文件里,把这里的地址换成服务器的地址2.在.env.development文件里 ,把接口地址换成自己需要的3. 在api里面对应的文件里,我这里是 table.js文件里,把接口补全...原创 2019-11-05 14:04:17 · 3652 阅读 · 2 评论 -
es6 引用数组,数组发生改变 (es6 引用类型的数据引用的时候怎么不改变原始数据)
vue项目 ,定义了一个变量,然后 this.requirements 和 this.showRequirements 都赋值为 requ ,在 this.requirements 发生改变之后, this.showRequirements 也发生了改变 。但是我并不想它改变 。为什么会改变呢?因为数组是引用类型的数据,所以,当指向为同一个指针的时候,改变这个数组的值会...原创 2019-01-02 14:10:54 · 2786 阅读 · 0 评论 -
vue 返回刷新页面 不keepAlive
问题:vue项目,从A页面进入B页面,再返回A页面的时候,页面不刷新。举例:从列表页面,选择一条数据点击进去查看详情,这时候页面刷新了,并且执行了 created()方法和 mounted()方法,这个时候返回上一页,也就是列表页面,选择另外一条数据点击进来查看详情,页面上保留的还是上一条信息,并且没有执行created()方法,直接执行了 mounted()方法。思考:一开...原创 2019-01-04 16:15:51 · 2953 阅读 · 0 评论 -
vue 滚动条到顶部或者到指定位置
首先在 html 里面给你要滚动的元素设置属性ref='box' 这就相当于是DOM操作了 ,然后 根据 属性名找到则个元素就可以操作啦,嘻嘻原创 2018-12-26 17:52:30 · 37200 阅读 · 5 评论 -
如何解决ios弹出框输入内容后,背景往上滑的问题
给背景设置如下样式即可 position: fixed; top: 0; left: 0;原创 2018-12-26 17:41:50 · 2665 阅读 · 2 评论 -
es6 删除数组指定元素
arr.splice(arr.findIndex(item => item.id === id), 1)//item 只是参数可以写成 i 或者 v 都可以 , //后面的额id是数组的id,是不能随便写的,如果你数组里面写的是id,这里就写id,如果数组里面写的是num,那这里就写num , //=== 后面的id是你想要删除的元素的id号,同理,如果你数组里面写的是num,那这里...原创 2018-12-14 14:46:14 · 50501 阅读 · 11 评论 -
es6遍历字符串
字符串的遍历器接口:codePointfor (let codePoint of '越过九重难关,我座下马正酣') { console.log(codePoint);} JavaScript 原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6 又添加了Map和Set。这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的...原创 2018-09-14 16:06:19 · 3128 阅读 · 0 评论