JavaScript
文章平均质量分 63
Ly_cat
软件。一路学习,嘈嘈杂杂的勿扰~
展开
-
【数据格式转换】js如何将对象嵌套的数组数据取出来加到对象里,数据格式转换[{[],[]},{[],[]}] 转[{},{}]
在前后分离的大背景下,前端数据渲染过程中,有时候后端返回的数据结构并不是前端需要的格式,如果后端不处理,这个时候就需要前端自己处理。假如拿到的数据是这样的:list:[ { id: '01', name: 'saly', role: [{role_id: 1, name: "管理员", status: 1}], org: [{org_id: 1, name: "xx公司", parent_id:原创 2022-03-16 15:24:54 · 3324 阅读 · 0 评论 -
初识Reflect
ReflectReflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers 的方法相同。Reflect不是一个函数对象,因此它是不可构造的。与大多数全局对象不同Reflect并非一个构造函数,所以不能通过new运算符对其进行调用,或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的(就像Math对象)。Reflect 对象提供了以下静态方法,这些方法与proxy handler methods (en-US)原创 2022-01-23 23:50:52 · 250 阅读 · 0 评论 -
JavaScript 防抖和节流的实现
一、防抖1. 认识防抖防抖:在第一次触发事件时,不立即执行函数,而是给出一个限定值,比如200ms,然后:如果在200ms内没有再次触发事件,那么执行函数如果在200ms内再次触发函数,那么当前的计时取消,重新开始计时应用场景:输入框中频繁的输入内容,搜索或者提交信息频繁的点击按钮,触发某个事件监听浏览器滚定事件,完成某些特定操作用户缩放浏览器的resize 事件效果:如果短时间内大量触发同一件事,只会执行一次函数。2.防抖函数的实现防抖函数的核心思路如下:当触发一个函数原创 2022-01-23 17:42:43 · 4113 阅读 · 0 评论 -
数组、对象、与Set和Map 数据结构的一些常见转换
Set1. Set 转为数组Array.from 可以将Set 结构转为数组: const items = new Set([1,2,3,4,5]); const array = Array.from(items);2. Set 实现数组去重const array = [1,20,20,3,4];const removeDuplicate = [...new Set(array)];3. 去除字符串里面的重复字符串[...new Set('abdjfjdd')].join('')原创 2022-01-18 16:20:11 · 468 阅读 · 0 评论 -
【antd-design】实例详解a-table 中column中slot-scope=“{text, record, index}
三者表示的值如下:text表示本项内容对应的字段值value,record的值是object,表示的是这一行数据的全部内容,index表示当行索引在column 中如何一个单元格显示多个变量,前面介绍了,这里就可以很清晰的知道用record可以是实现:例如我们后台返回的区域名和建筑名用> 串接起来显示在一个单元格内:a-table中:<div slot="estate" slot-scope="{text, record, index}"> <span>{原创 2022-01-12 11:38:15 · 8647 阅读 · 4 评论 -
【JavaScript权威指南(第七版)】之阅读学习总结
写在前面最近借着空闲时间断断续续两个月看完了《JavaScript权威指南(第七版)》,《JavaScript权威指南》一直以来被称为“犀牛书”,前面的第六版我大概略过一遍,由于书的厚度实在有点“厚重”,将近1000多页左右,有一些知识已经过时了,看了一下就没有细啃,随后转向新出版的第七版,第七版是是在2020年5月出版上市的,据了解,而第6版是2011年出版的,距今已经10年了,前端的技术更迭换代非常“迅速”,至少对于像我这种之前是学习后端知识的人来说,前端的技术更迭比后端的技术更新快的多,而且要求也原创 2021-12-30 15:51:43 · 3120 阅读 · 1 评论 -
JS相等判断中的运算符
js中的JS相等判断中的运算符,知识点太繁多了,如果不经常用,还真有点模糊,这是某博主总结的,直接拿来,再次学习复盘一下吧~等值检测运算符等值检测运算符说明==(相等)比较两个操作数的值是否相等!=(不想等)比较两个操作数的值是否不相等===(全等)比较两个操作数的值是否相等,同时检测它们的类型是否相同!==(不全等)比较两个操作数的值是否不相等,同时检测它们的类型是否不相同在相等运算中,应注意以下几个问题:如果操作数是布尔值,则先转换为数值,其中原创 2021-11-11 10:41:45 · 169 阅读 · 0 评论 -
【前端开发】Array.prototype.reduce()的详细解析&使用
reduce() 的高级用法Array.prototype.reduce()reduce() 方法为数组中的每一个元素执行回调函数,并将其回调的的结果值作为返回值。语法:arr.reduce(callback(priviousValue,currentValue,currentIndex,sourceArray),[initValue])reduce 函数接收四个参数:callback:reduce得回调函数,接收四个参数:priviousValue:累加器,即上一次回调返回的值,或者原创 2021-11-07 14:57:24 · 851 阅读 · 0 评论 -
【JavaScript中高级进阶】推荐一个JavaScript进阶深入系列、专题系列(涉及原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等
推荐一个JavaScript进阶深入系列、专题系列,其中涉及原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS 语言中的比较难懂的概念。作者写的很深如,详细,想要深入搞懂js基础原理得可以看这个,还不错~原文学习地址:JavaScript深入系列、JavaScript专题系列、ES6 系列...原创 2021-10-14 09:56:37 · 143 阅读 · 0 评论