毕业论文
您现在的位置: 框架 >> 框架介绍 >> 正文 >> 正文

JSUI框架下,List组件运行时的内

来源:框架 时间:2022/5/4
主治白癜风疾病 http://m.39.net/pf/a_8987472.html

作者: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