From 08e966c06084d65e715cf60434c48a245ffccdaf Mon Sep 17 00:00:00 2001 From: fxy060608 Date: Tue, 5 Dec 2023 11:46:58 +0800 Subject: [PATCH] Update performance.md --- docs/uni-app-x/performance.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/uni-app-x/performance.md b/docs/uni-app-x/performance.md index 7b747446c..c8263c67a 100644 --- a/docs/uni-app-x/performance.md +++ b/docs/uni-app-x/performance.md @@ -112,6 +112,11 @@ vue的data更新时，会自动触发页面渲染更新。 另外更新ui时，如果vue框架能找到最小化组件，则会只更新该组件的渲染。所以尽量避免更新data引发大量ui重绘。\ 比如长列表里有可点击的收藏按钮，点击后会动态更新收藏状态的数据，此时建议把收藏做一个单独的组件，这样某个item的收藏状态的更新，就不会触发整个列表的重绘。 +## 避免不必要的组件抽象 +有些时候我们会去创建组件来实现更好的抽象或代码组织。虽然这并没有什么问题，但请记住，创建太多组件实例将会导致性能损失。 + +需要提醒的是，只减少几个组件实例对于性能不会有明显的改善，所以如果一个用于抽象的组件在应用中只会渲染几次，就不用操心去优化它了。考虑这种优化的最佳场景还是在大型列表中。想象一下一个有 100 项的列表，每项的组件都包含许多子组件。在这里去掉一个不必要的组件抽象，可能会减少数百个组件实例的无谓性能消耗。 + ## 引擎体积 uni-app x的Android引擎体积为7.51M。 -- GitLab