性能优化:checkbox的子节点数大于60怎么优化?
发布于 4 年前 作者 xiuying41 15281 次浏览 来自 官方Issues

微信开发ide工具-调试器-Audits面板进行跑分并优化:

如下代码发现个性能问题:

     <checkbox-group class="group" bindchange="checkboxChange">
            <view wx:for="{{checkboxItems}}" wx:key="index">
              <label class="option">
                <checkbox hidden value="{{item.name}}" checked="{{item.checked}}" disabled="{{isShowAnswer}}">
                </checkbox>
                <view class="option-checkbox-out">
                  <mp-icon extClass="option-checkbox-in" type="outline" icon='done' color="green"
                    wx:if="{{item.checked}}" size="{{26}}" />
                  <mp-icon extClass="option-checkbox-in" type="outline" icon='close' color="red"
                    wx:if="{{item.resulted}}" size="{{26}}" />
                </view>
                <text class="option-text">{{item.name}}、{{item.value}}</text>
              </label>
            </view>
          </checkbox-group>

性能问题:

         {
                    "maxDepth": 11,
                    "maxDepthNode": "checkbox",
                    "totalNodeCount": 253,
                    "maxChildren": 100,
                    "maxChildrenNode": "view.contentIndex--content-inner",
                    "page": "pages/xxx/xxx"
                }

说checkbox子节点数有100个,但是不建议大于60个。但是代码中看不出子节点有100个?

请教下怎么优化?

1 回复
回到顶部