ITPub博客

首页 > IT职业 > IT图书 > vue 数据绑定视图 数据量过大会导致页面卡顿

vue 数据绑定视图 数据量过大会导致页面卡顿

IT图书 作者:pheonix_wan 时间:2021-09-09 10:29:00 0 删除 编辑


cms 管理系统遇到一个问题 , 本地商品页面在正式环境中会出现卡顿,闪退...而测试环境不会出现这种状况.

图片描述

分析问题

分析两者不同,估计可能是数据不同导致的...

查看正式环境请求返回数据发现,负责加载商品品牌的接口加载数据量过大,这些数据又绑定视图,生成大量页面元素造成的

图片描述

图片描述



确定问题

将正式环境出问题的接口的返回数据注入easymock

开启whistle 将测试服的该请求接口替换为easymock请求数据

复现出问题,问题被确定

图片描述

图片描述

图片描述




解决问题

替换element组件,将其改变成伪远程搜素的形式,避免大量数据直接经过绑定生成视图,问题得以解决

图片描述

图片描述



靳肖健


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4484/viewspace-2822555/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-10-10

  • 博文量
    99
  • 访问量
    875