最近遇见一个问题,移动端一个页面展示折叠展示数据,具体要展示多个区域,每个区域下面有不同业务人员,每个业务人员有自己的客户,每个客户又有不同的记录,即这个页面要渲染一个4层的数组。具体页面展示类似为:
1-区域数据
2-区域下属业务员及其客户数据
拿到页面的时候,我想这不简单的么,不就是列表么,四层循环走起。页面先遍历区域进行渲染,然后再遍历区域内的业务员,再遍历业务员的客户,再遍历客户的记录,因为每层展开必须要一个字段进行记录,然后我就把获取的数据按照这四层遍历,每层加个isChecked进行记录展开状态。开始时本地数据比较少还ok,然后导入公司现有的业务员数据以后,哦豁!彻底卡死了,特别是页面还有相关的字段进行模糊查询,整个页面就是卡帧版的贞子,看着吓人呀!
那怎么办呢,男人总不能说自己不成吧。于是开始审视自己的代码,然后找原因:
1、请求接口比较慢,http请求时间都超过3s了,然后监控了一下看了,后台返回的数据太大了,接近800k,这就不太美妙了,于是后台给力地找无用字段,类似于creatdate全删掉,一下子数据就降到300k。