本文不概述懒加载的一些定义,只是提供一下懒加载如何使用,并且作者在项目中使用的情况以及使用时考虑到的问题。并且遇到的情况可能都不太相同,不过原理都是一样的
起因: 由于数据量较大,在进入界面的时候,会请求好一段时间,请求回来的数据,进行重新渲染的时候,也容易导致浏览器内存超出的情况,导致网页崩溃。
需求变更:数据层数总共四层,默认请求第二层数据,第一层数据是本地进行存储数据获得(这个可以和后端商量,是否需要前端来拿,最好还是让后端拼好数据直接返回即可),然后,第三层数据是由点击第二层的节点或者点击展开图标进行请求获得,第四层同上。
==注意:请求过的节点,下次不再进行请求,直接返回本地的数据,因此需要维护两个第二层和第三层点击节点之后的数组,buildingList,unitingList ==
懒加载
话不多少,直接上代码:
<