![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 51
先知demons
停在港口的船是最安全的,但这并不是造船的目的
展开
-
前端基础知识-ES6解构赋值(将数组内元素、字符串内字符、对象内属性值快速赋值给其他变量)
将数组、字符串、对象进行展开,并将展开的数据赋值给指定变量,以达到语法简化的目的,日常开发中可以大大提升我们的效率。原创 2024-05-09 14:06:37 · 383 阅读 · 0 评论 -
前端基础知识-ES6扩展运算符(快速实现数组添加新元素、字符串转为数组、对象添加新属性)
扩展运算符又称为Rest运算符,可以实现数组、对象、字符串在语法层面上的展开,达到简化语法的目的,使得我们提高开发效率。在需要解构的变量前加三个点(...xxx)原创 2024-05-09 11:09:55 · 375 阅读 · 0 评论 -
前端如何将接口传来的列表数据(数组)直接下载成csv文件
由前端直接调列表的git接口,把后端传给我们的数组直接下载成csv文件,tableData.value的数据格式:[{aaa:1,bbb:2},{aaa:3,bbb:4}]下载下来的csv文件:aaa bbb1 23 4原创 2024-04-29 11:17:50 · 465 阅读 · 0 评论 -
前端提高性能——使用Intersection Observer API对图片视频进行懒加载
在用户选择一页五十条时,页面加载速度会比较慢。为了提高性能,选择用Intersection Observer API实现图片懒加载。调整webpak配置,在chainWebpack方法中查找到处理 SVG 文件的规则,类似地,可以添加相应的规则来处理其他类型的图片文件原创 2024-03-15 17:38:23 · 444 阅读 · 0 评论 -
js如何将对象转为数组(Object.values、Object.entries、Object.fromEntries区别举例)
有时候后端传给前端的数据格式不是我们想要的,需要自己处理一下数据。后端传的{aaa: "one" ,bbb: "two" ,ccc: "three" },需要将这个对象改成一组键和值成为一个数组,这个时候就可以用Object.entries(),例如:let obj1={aaa: "one" ,bbb: "two" ,ccc: "three" }let obj2=Object.entries(obj1);//obj2:[["aaa", "one"],["bbb", "two"],["ccc"原创 2024-01-29 17:02:30 · 653 阅读 · 1 评论 -
vue3用reactive定义的对象直接赋值{}没用的解决办法
前言:在项目开发时,有很多弹窗里面放的表单,如下图这个新增数据的弹窗,在每次打开弹窗时需要给表单定义的数据置空,否则你第二次打开弹窗的时候,表单还显示着上一个新增的数据。需要在打开弹窗是将上面那个对象置空,但是vue2一般直接={}就可以,vue3的话这样不行,所以需要用到object.assign原创 2024-01-26 16:14:04 · 1684 阅读 · 0 评论 -
前端实现websocket通信讲解(vue2框架)
最近接到的需求是前端需要实现一个全局告警弹窗,如果使用ajax请求http接口只能用定时器定时去请求是否有告警,这样既消耗资源,又不能实时监测到告警信息。所以这个时候就可以采用websocket来实现通信,因为websocket不用请求一次才响应一次,它可以实现服务器主动发送。原创 2023-05-30 16:18:48 · 5484 阅读 · 0 评论