Angular IONIC-VirtualScroll性能问题
所以, 我有一个介于0到2500之间的项目数组 我正试图使用virtualscroll选项(因为这是我读过的处理大型数组的内容)来改善在显示\滚动大约1300个项目时的可怕性能问题 所以我做了以下几点,但仍然很痛苦,在滚动时可能会使应用程序崩溃Angular IONIC-VirtualScroll性能问题,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,所以, 我有一个介于0到2500之间的项目数组 我正试图使用virtualscroll选项(因为这是我读过的处理大型数组的内容)来改善在显示\滚动大约1300个项目时的可怕性能问题 所以我做了以下几点,但仍然很痛苦,在滚动时可能会使应用程序崩溃 <ion-list [virtualScroll]="results" approxItemWidth="100%" approxItemHeight="45px" bufferRatio=60> <button ion-it
<ion-list [virtualScroll]="results" approxItemWidth="100%" approxItemHeight="45px" bufferRatio=60>
<button ion-item *virtualItem="let result" (click)="goToClient(result)">
{{result.FirstName}} {{result.LastName}}
</button>
</ion-list>
{{result.FirstName}{{result.LastName}
有人建议我做错了什么\如何改进吗?尝试安装
Cordova wkWebview引擎,它优化了iOS性能问题:
安装说明
确保安装了最新的Cordova CLI:(可能需要Sudo)
确保已添加ios平台:
ionic cordova platform ls
如果未列出iOS平台,请运行以下命令:
ionic cordova platform add ios
如果安装了iOS平台,但版本<4.x,请运行以下命令:
ionic cordova platform update ios
ionic cordova plugin save # creates backup of existing plugins
rm -rf ./plugins # delete plugins directory
ionic cordova prepare # re-install plugins compatible with cordova-ios 4.x
安装WKWebViewPlugin:
ionic cordova plugin add https://github.com/ionic-team/cordova-plugin-wkwebview-engine.git --save
注意:
ionic cordova prepare
ionic cordova run ios
如果您已经安装了apache/cordova插件wkwebview引擎,请确保在使用此版本之前将其删除
ionic cordova plugin rm cordova-plugin-wkwebview-engine
构建平台:
ionic cordova prepare
ionic cordova run ios
在iOS 9或10设备上测试应用程序:
ionic cordova prepare
ionic cordova run ios
验证iOS上是否安装了WKWebView的一种简单方法是检查window.indexedDB是否存在。例如:
if (window.indexedDB) {
console.log("I'm in WKWebView!");
} else {
console.log("I'm in UIWebView");
}
所需权限
WKWebView可能无法完全启动(deviceready事件可能不会触发),除非config.xml中包含以下内容:
config.xml
<allow-navigation href="http://localhost:8080/*"/>
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
在浏览器中运行应用程序时是否有任何错误?或者你的列表只是不显示?不可以。尝试实现ui滚动。这将提高性能。应用程序永远不会崩溃。@D-W您尝试的平台是什么?使用IONIC 3,IOS