Es6
Kingsaj
这个作者很懒,什么都没留下…
展开
-
Promise理解和使用
promisepromise是解决异步的一种方案,也就是让promise帮我们去处理异步,最终promise会返回异步处理的结果。有了promise之后,让异步处理更加灵活,还能够解决之前的回调地狱的问题。pormise 的使用 : // 我们使用用promise帮我们处理异步 var a = new Promise(function (reslove, reject) { // 这里来模拟数据异步请求 setTimeout(function () {原创 2021-07-12 11:01:07 · 486 阅读 · 0 评论 -
async/await 理解和使用
简介: async/await 是ES7提出的基于Promise的解决异步的最终方案。asyncasync是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then,返回值就是then方法传入的函数。async基础语法 async function fun0() { console.log(1); return; } fun0().then(val => { .原创 2021-07-12 10:25:11 · 333 阅读 · 0 评论 -
promise 的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>promise使用</title></head><body> <script> const原创 2021-06-20 00:17:51 · 75 阅读 · 0 评论 -
前端分页实现
思路: 发送请求获取全部数据一维数组,然后将一维数组转换成二维数组,点击分页切换的时候,取当前页的索引即可.案例使用:vue + element(Pagination 分页) 实现第一种方法实现:<template> <div> <h1>前端分页实现</h1> <ul :class="$style.infinite_list" v-infinite-scroll="load" style="overflow:auto"&g..原创 2021-03-27 17:26:18 · 232 阅读 · 0 评论 -
二维数组转为树形数据
需要处理的两个数组{ // 子类 "metas": [ [ "C-34-0009-0001", "连接器", "C34" ], [ "C-34-0011-0001", "配备1个连接", "C34" ], [ "C-34-0011-0002", .原创 2021-03-26 00:08:43 · 1130 阅读 · 0 评论 -
使用js将后台返回的数据转换成树形结构
需要引入 lodash 插件import _ from 'lodash'import systemData from '../layout/systemData' // 转换成树结构数据 transformToTree(arr) { const MAX_LEVEL = 5 const formatNode = (node, level) => { node.selectable = false if (le原创 2021-03-08 16:10:33 · 987 阅读 · 0 评论 -
Map 和 Set
MapMap是一组键值对的结构,具有极快的查找速度。举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Arrayvar names = ['Michael', 'Bob', 'Tracy'];var scores = [95, 75, 85];给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长,耗时越长。如果用Map实现,只需要一个“名字”-“成绩”的对照表,直接根据名字查找成绩,无论这个表有多大,查找速原创 2021-03-05 15:01:34 · 61 阅读 · 0 评论 -
ES6 --解构赋值
一、数组的解构赋值let [a,b,c] = [1,2,3];// 1: 取出值并赋给相应的变量,这就是解构赋值console.log(a,b,c); // 1,2,3// 2: 嵌套多层,只要相对应的结构匹配就能解析出来let [a,[b,[c]]] = [1,[2,[3]]]a // 1b // 2c // 3// 3: 结构不成功,但模式匹配了,相对应为undefinedlet [a,b] = [1];a // 1b // undefined// 4: 不需要匹配的位置原创 2021-02-25 11:25:22 · 377 阅读 · 0 评论 -
数组方法 map
基本数据类型引用类型原创 2021-01-14 09:58:56 · 91 阅读 · 0 评论 -
数组中括号语法 [][]
let data = ''let index = 1;let datas = ['', '上上限告警', '上限告警', '下限告警', '下下限告警', '巡检告警'];data = ['', '上上限告警', '上限告警', '下限告警', '下下限告警', '巡检告警'][index]等价于let data = ''let index = 1;let datas = ['', '上上限告警', '上限告警', '下限告警', '下下限告警', '巡检告警'];data = datas原创 2021-01-06 10:28:26 · 1968 阅读 · 0 评论 -
ES6 可选链操作符
项目中经常会遇到深层次嵌套属性的验证,我们所能做的就是通过&&每层依次验证,这样看起来代码很繁琐,但又不得不这样做。有一个嵌套多层的对象,例如: let obj = { attr: { name: 'kingsaj' } }获取name的值 let n_val = obj.attr.name如果这样直接获取可能会报错,导致程序异常,所以我们需要对 obj 、attr此次验证即: let n_val = obj && obj.at原创 2020-12-25 17:17:46 · 1702 阅读 · 0 评论 -
Es6模板字符串条件判断
// js 代码块html = `<tr> <td data-id=${item.id} style="text-align: center; "> ${(function () { if (item.status == 4) { return `<span> <i class="iconfont icon-guaqi offHungOnclick" title="取消挂起"></i> &原创 2020-12-17 11:35:12 · 1350 阅读 · 3 评论