执笔看墨花开💜千千 执笔看墨花开💜千千
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)

执笔看墨花开

顺其自然
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)
全部标签
性能优化 B站 防盗链 Bilibili 工具 作品 心情 CSS 设计 模块化 HTTP 前端监控 Markdown 手写 uniapp uview tailwindcss Webpack Promise JS HTML 鸡汤 css

先concat再去重引发的性能问题

执笔看墨花开 2021-07-21 前端杂文 性能优化

# 先concat再去重引发的性能问题

在金山云的组织架构页面,需要生成一棵树,其中一个逻辑是将子部门的uuid附加到父级上,一层层嵌套,最终根节点包含整棵树的部门uuid。可能大部分客户的组织架构都不是很复杂,嵌套比较少,比如浪潮,如果人员和部门数量都非常多,但是都是平铺的。金山云的部门结构就比较复杂,包含大量嵌套,这个性能问题就出来了。

# 问题表现

生成了33万条数据,其中大量冗余数据,后面去重后只有551条。由此导致用户进入页面之后,树loading完成了很久,但是却被主进程阻塞,导致性能很差。

image-20210721150513797

阅读全文

大用户数量加载慢分析

执笔看墨花开 2021-08-12 前端杂文 性能优化

批量新建工作项界面卡顿

执笔看墨花开 2021-08-12 前端杂文 性能优化

背景 1 #239669 批量新建工作项界面,上下、左右滚动,发现界面卡住了,影响用户正常使用(详情见附件录屏) 2 需要紧急修复

阅读全文

利用引用与时间戳解决一次性能问题

执笔看墨花开 2021-08-03 前端杂文 性能优化

# 利用引用与时间戳解决一次性能问题

由于是项目管理系统,用户在很多地方都需要根据redux中拿到的工作项属性进行一些逻辑处理,所以需要经常通过uuid查询相应的field对象。再一次批量选择的场景中,发现页面非常卡。

阅读全文

上一页

1

下一页

全部标签
性能优化 B站 防盗链 Bilibili 工具 作品 心情 CSS 设计 模块化 HTTP 前端监控 Markdown 手写 uniapp uview tailwindcss Webpack Promise JS HTML 鸡汤 css
即使你已经习惯了受伤害,也有人看了会心疼的。
Theme by Vdoing

© 2021-2025 执笔看墨花开

粤ICP备2021110554号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×