🌓

JSON.parse(JSON.stringify(obj))实现深拷贝的弊端以及解决方法

浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据。例如:Object.assign(),…扩展运算符深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据。。JSON.parse(JSON.string

阅读全文

vue+element ui实现复杂表格

一、需求根据项目需求,需要实现以下形式的一个表格。二、实现由于项目所使用的框架为 vue + element ui,所以我们可以考虑使用 element ui 的 Table 表格组件来实现。但是通过了解发现,该组件所需的数据结构似乎并不能满足该功能的实现,通过研究,我们可以自定义表格渲染所需的 J

阅读全文

offer收割机之Vue篇

Vue面试题推荐配合鲨鱼哥掘金文章-最全的Vue面试题 一起看一、Vue 基础1. Vue的基本原理当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使用proxy )将它们转为 getter/setter,并且在内部追踪相关依赖,在属

阅读全文

vue项目的性能优化

前言Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化

阅读全文

总结了38个ES6-ES12的开发技巧,倒要看看你能拿几分?

前言大家好,首先表明一下,标题没有恶意哈哈。请原谅本菜鸡。都是为了帮助大家,大家可以把自己认识几个,得了多少分,发在留言里,一个一分,总分38分。这段时间很多兄弟姐妹都来问我问题,我也看过很多他们的代码。给我的感觉就是,代码的使用还停留在了ES5的那个阶段,很多用新语法就能轻松实现的,却都不怎么了解

阅读全文

56个JavaScript手写知识点

面试常考1、实现原生的AJAX请求const ajax = { get(url, fn) { const xhr = new XMLHttpRequest() xhr.open('GET', url, true)// 第三个参数异步与否

阅读全文

听说你还不会虚拟列表?原谅我来晚了

有时我们会遇到一些业务场景,要展示的列表很长,且不能使用分页的方式,如果一次性把数据全部渲染到页面,浏览器将变得非常卡顿,因为渲染 `dom` 需要耗费大量时间。`虚拟列表` 就是对长列表的一种优化方式,通过只渲染可视区域数据,大大提高渲染性能

阅读全文

我的前端性能优化知识体系

前言最近在学习前端性能优化方面的知识,看了很多大佬的文章,感觉文章多了比较零散,学习效率不高,所以就整合了一下大佬们写的性能优化的东西,从页面的渲染过程来建立自己的一个前端性能优化的体系,本来打算自己留着复习,毕竟是整合的也不是自己写的,看现在马上金三银四了

阅读全文