作者:tongshijia华为开发工程师
每种编程语言都有它的内存管理机制,不同设备上可用内存不同,分配给JS引擎可用的内存范围也不同。例如运行内存在MB以下的轻量设备,对应JS引擎的可用内存范围为48-64KB。本文也将以此类设备为例进行分析。
当整个页面渲染比较复杂时,JS运行内存峰值就可能会超过JS引擎分配到的最大可用内存,导致页面无法渲染。
List组件是JSUI框架下最基本的容器组件之一,提供了一系列相同宽度的列表项。在应用开发过程中,经常会使用List容器组件来呈现大量的数据。所以,在List组件应用的开发过程中,开发者应充分考虑内存优化问题。
本期,我们将通过List组件开发一个通讯录页面,并采用list+for的方案对整个页面进行优化,达到减小JS运行内存的目的。
一、代码实现如下所示,是一张简单的通讯录页面,包含了姓名、电话及对应图片。下面将通过两种实现方式来对比代码性能。图1简单的通讯录页面
方法一:直接书写对应的组件页面
使用HML直接撰写整个组件页面的内容,代码如下:divclass="container"listclass="list"list-itemclass="list-item"imageclass="image"src="/
转载请注明:http://www.0431gb208.com/sjszlfa/112.html