YoninaZ-优快云博客

原创分析 ECharts 图表渲染导致的内存泄漏问题 - 附解决方案

多次调用 echarts.init，项目中这一段代码写的确实有问题，写了个定时器，每次刷新数据时，都需要调用 echarts init，并且销毁时 clear 和 dispose 方法使用不当造成，定时器循环重绘 ECharts 图表导致内存一直升高，最终导致了浏览器崩溃。为了能够实时监测网站运行过程中，我们在 Chrome 浏览器打开了内存性能分析，便于实时查看内存占用情况，发现运行内存占用并不是太大，我们监测过一段时间后发现，确实内存有时在稳定的增加，但是这点内存占用还不至于导致系统崩溃。

2024-12-09 13:58:52 1199

原创 js根据某个属性合并两个数组

Object.assign方法拷贝cur对象里面的值到目标对象也就是target里面，也就是如果target对象里面有cur对象里面的属性就覆盖，如果没有就添加。target的值就是判断下累计的数组里面有没有和当前元素id一样的，一样的话把pre里面的这个元素赋值给target，没有的话就赋值为undefined。arr1是初始值，pre是累计值，cur是当前传入的值，所以pre的初始值就是arr1,cur的初始值是arr的第一个元素。需求：两个数组，如果id相同则合并到一起，id不一样则添加。

2024-11-20 17:25:10 339

原创 JS 中 reduce()方法及使用详解

在reduce()的第一次调用中，accumulator可以是initialValue（如果提供了此参数），或者是数组的第一个元素（如果没有提供initialValue）。reduce()方法很强大，在很多时候都可以用到，这篇文章将会以十二种场景来演示它的使用方法，这将涵盖其90%以上的场景。reduce()的迭代从数组的第一项（或第二项，如果未提供initialValue）开始，因此index从0（或1）开始。// 输出: { Alice: 2, Bob: 1, Tiff: 1, Bruce: 1 }

2024-11-20 14:48:07 4384

原创正则限制输入为数字，且最多输入2位小数之新写法

(\d{0,2}) : 匹配小数点后面数字，小数点后限制几位小数重复符号{m,n}就可以写到几，对应组匹配符号$4。然后就应该明白正则/^(\.*)(\d+)(\.?)(\d{0,2}).*$/g的含义了，共有4个匹配组。if (reg.test(text)) { //正则匹配通过，提取有效文本。(\.*) ：匹配输入的第一个字符为小数点. ，对应组匹配符号$1。(\d+) ：匹配输入小数点.之前的数字, 对应组匹配符号$2。) ：匹配小数点. ，对应组匹配符号$3。

2024-04-22 16:07:26 1911

原创 vue3使用watch监听props中的数据

父组件从接口获取第一页数据，将数据存在dataList中：dataList.value = res.data，注意：此时，已经改变引用类型数据 dataList 的地址指向。3. watch监听 props 中的引用类型数据，且父组件中改变了地址指向时，需要通过 getter 函数返回值的形式（()=>props.xxx）才能监听。当父组件传入的是引用类型数据，且在父组件中通过赋值的形式，改变引用数据的引用地址时，在子组件中要使用 getter 函数返回值的形式，才能监听传入的数据。

2023-06-29 17:13:52 16668 1

原创 Vue3中watch和watchEffect区别和用法

有些小伙伴第一次接触 Vue3 中的监听器时，感觉有点难，摸不着头脑！其实无非就是两个函数，作用稍微不一样而已，重点我们还是需要理解组合式 API 的思想，这样学起来就简单多了。有时候 watch 监听多个子组件传参监听不到,但是 watchEffect 可以监听到首次加载就会监听。

2023-06-29 16:20:38 301

转载 angular路由守卫

一、路由守卫当用户满足一定条件才被允许进入或者离开一个路由。路由守卫场景：只有当用户登录并拥有某些权限的时候才能进入某些路由。一个由多个表单组成的向导，例如注册流程，用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。当用户未执行保存操作而试图离开当前导航时提醒用户。 Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫，可以通过这些钩子实现上面场景。 CanActivate: 处理导航到某路由的情况。 CanDeactivate: 处理从当前

2021-04-20 11:07:11 1313

转载伪类和伪元素的区别？

一：伪类： 1:定义：css伪类用于向某些选择器添加特殊效果。伪类其实与普通的css类相类似，可以为已有的元素添加样式，但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式，所以将其称为伪类。(这种文档树无法描述的状态是什么呢？当一个元素在用户的不同行为下就变化成不同的状态这个行为的变化dom就无法描述，就要产生伪类，来为一些选择器添加特殊的效果)。 2:什么是文档树（DOM）？： ...

2018-10-09 11:07:43 220

qq_26707497的博客