build-plugin-rax-fly
v1.0.7
Published
[![NPM version](https://img.shields.io/npm/v/build-plugin-rax-fly.svg)](https://www.npmjs.com/package/build-plugin-rax-fly) [![NPM downloads](https://img.shields.io/npm/dm/build-plugin-rax-fly.svg)](https://www.npmjs.com/package/build-plugin-rax-fly)
Downloads
2
Readme
build-plugin-rax-fly
针对rax runtime的性能优化插件
支持
插件支持 微信小程序和阿里小程序
原理
rax 运行时实现上,因为无差别事件绑定,会导致的页面滑动卡顿,长列表性能不佳,据此,我们的插件通过去除大量无用事件,解决因此带来的性能瓶颈
目前会被优化的标签有:
<View></View>
<Text></Text>
<Image></Image>
目前会被去除的事件有:
onTouchMove="onTouchMove"
onTouchStart="onTouchStart"
onTouchEnd="onTouchEnd"
onTouchCancel="onTouchCancel"
onLongTap="onLongTap"
onFirstAppear="onViewFirstAppear"
onAppear="onViewAppear"
onDisappear="onViewDisappear"
对于需要使用这些事件的地方,推荐使用div标签作为代替。
效果
性能提升,在中低端机上尤为明显,长列表的性能堪比原生。 数据对比待更新...
使用
插件为build-scripts插件,在rax项目的根目录中的 build.json 中引入即可:
{
"targets": [
"miniapp"
],
"plugins": [
"@ali/build-plugin-rax-app-def",
"build-plugin-rax-fly"
]
}