- 博客(5)
- 收藏
- 关注
原创 同项目部分大图加载失败或过慢处理方式
临时文件最大2GB # 超时设置(大图片需要更长时间) proxy_connect_timeout 30s;# 忙碌缓冲区4MB。# 单块缓冲区大小2MB。
2025-11-12 17:12:35
124
原创 Vue 动态列表输入框聚焦问题解决方案
避免依赖$refs数组:在动态列表中,$refs数组不会随列表变化自动更新使用唯一标识:为每个列表项分配唯一ID,作为ref或DOM查询的依据多层保障机制:首选通过ref对象访问备用DOM查询方案最终通过父容器查找状态管理:确保同一时间只有一个编辑状态错误处理:添加适当的错误边界和重试机制这套方案已经在多个生产环境中验证过,能够100%解决动态列表输入框聚焦问题。Q:为什么不用$refs而要用DOM查询?A:因为在动态列表中,Vue的$refs。
2025-08-15 15:40:17
719
原创 避免使用过多if else 判断
需求:写一个算法格式化后端返回的数据后端返回的数据每一类一个对象集合,其实也是没问题的,简洁清除但因为我们是要推送到echarts 的柱状图中,那我们所需要的数据为 横坐标数组集合 每一条对应的数据例如 横坐标:【A,B,C,D,E,F......】数据一:【10,10,10,10,...】数据二:【20,20,20,20,...】所以我们需要把每个名字抽取出来组装为集合,每个名字对应的数据抽出来作为集合一开始的想法为 如下方法格式化后的数据结构如下,每一项为一个数组集合。
2025-05-19 17:00:32
551
原创 echarts图例配置第一时间并未生效的处理方式,并认识requestAnimationFrame
因为都是环形图,封装了一个环形图的组件使用,并配置了图例的显示位置,超过三条数据后,两个为一组进行折行处理,但是宽度的设置,在首次加载的时期并没有直接生效组件如下<template><div></div><script>props: {pieData: {},},data() {return {},watch: {pieData: {});},},?// 初始化 loading 状态// 确保使用最新数据});
2025-05-14 10:49:36
1495
原创 在 Vue 项目中,我有两个方法 getRangeOne() 和 getRangeTwo(),它们分别用于调用两个不同的接口,并且都涉及对对象中的一个字段 typeList 的拼接操作。
尽管这两个方法都在各自函数内部使用了和声明了局部变量,并试图独立地操作typeList字段,但在实际执行时发现typeList。
2025-05-13 10:15:44
551
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅