使用高性能的 view 和 text 组件

框架默认使用高性能的viewtext组件,但开发者在组件上使用一些特定属性和任一事件时,会退化为低性能组件

会导致组件退化的属性和事件有如下内容,开发者需对以下属性和事件谨慎使用:

属性/事件详细内容
属性· animation
· style
· dataset
· hidden
事件· tap
· longtap
· longpress
· touchstart
· touchmove
· touchend
· touchcancel
· touchforcechange
· transitioned
· animationstart
· animationiteration
· animationend
· 自定义事件

优化实例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

以下是优化前后的效果对比:

不使用 view&text 的特殊优化 使用高性能的 view 和 text 组件 - 图1

使用 view&text 的特殊优化 使用高性能的 view 和 text 组件 - 图2

以上是在极端测试条件下的结果,在实际使用中效果可能相对不明显。