微信小程序优化注意点(用户体验,数据逻辑优化)

1.对于列表请求数据,使用二维数组,以分页的页码做一维下标,以条数做二维下标,每次setData只setData当前页的数据,其他页的数据不用。因为每次setData的数据量大小有限制,官网也有说明可以参考

2.对于列表中删除某一项,会存在状态不对的情况。例如:左滑删除,一页数据有10条,左滑删除第5条,此时第6条变为第5条,此时的第5条应该不是出于左滑状态,但是显示的是左滑状态,应该给每条for循环的添加一个key即可。(点击参考传送门

3.对于表单提交:

3.1对于input填写,然后提交信息的页面,建议使用form表单的方式;

3.2有些使用setData,然后提交时再把值取出来,放入接口提交。这种方式可能存在一些问题,例如在input框右侧加一个晴空按钮,input框有填充时展示清空按钮,input为空时不展示,如果通过setData的方式,会频繁setData,会出错。此时比较好的思路是,在搜索时把input里的值赋值给value,其他状态不赋值,清空的时候把value清空即可。

clear: function () {
    this.setData({
      search_list: '',
      show_clear: false,
      lpname: '',
      'no_result': false,
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值