微信小程序,多次请求和多次循环相比,哪一个比较耗性能?

微信小程序,多次请求和多次循环相比,哪一个比较耗性能?,第1张

耗能有两个方面,一是服务器耗能,二是客户端耗能(用户手机),下面结合题主的两种方式说说。

多次请求:需要和服务器多次通信,理论上更消耗服务器性能,但也不是绝对的。如果一次请求太大的数据,会比多次请求更消耗服务器性能。

多次循环:理论上更消耗客户端性能,因为大量数据需要在客户端处理。

//第一层循环

<view wx:for="{{arr}}" wx:key="index">

    <view>{{item.name}}</view>

    //第二层循环,修改item、index名称

    <view wx:for="{{item.process}}" wx:for-item="itema" wx:for-index="indexa" wx:key="indexa">

        // 判断是哪种结构

        <block wx:if="{{itema.goods_name}}">

            <view>{{itema.goods_name}}</view>

        </block>

        <block wx:else>

            <view>{{itema.type}}</view>

            //第三层判断是否是数组

            <block wx:if="{{itema.state && itema.state[0] && itema.state[0].time}}">

                <view wx:for="{{itema.state}}" wx:for-item="itemb" wx:for-index="indexb" wx:key="indexb">{{itemb.time}}</view>

            </blcok>

            <blcok wx:else>

                <view>{{itema.state}}</view>

            </blcok>

        </block>

    </view>

</view>

1、服务器获取到的数组中嵌套 对象组成的数组,控制台输出:

2、解析并绑定服务器获取到的数据,.js文件:

3、绑定一层的shopList数据, .wxml文件:

4、绑定shopList数组中的二层equips数据,.wxml文件 中 只需要item.equips即可

最开始循环获取到数据后,总以为需要嵌套循环出二层数组对象,并分别绑定数据。兜兜转转绕了一大圈,发现只要将一级数组循环获取到,二层数组对象直接“item.xxx”就可以在wxml文件中直接进行数据绑定了。 


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11313927.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存