之前做列表的滑动删除时,一开始也是监听 touchMove 然后 setData 去改变位置,在性能较弱的机器上存在卡顿。后来想过一种方案,监听到一段有效移动后,直接添加一个 class,通过 transition 的方式去做动画效果,虽然不跟手,但是不特地去试的话也不太容易发现。 或许可以把两种方案结合起来,每 200ms 设定一次高度减轻 setData 负担,让 transition 去控制动画。
像实现类似闪送订单详情的功能,不知道怎么实现?想要实现的功能如下图所示,我在滑动订单view的时候顶部的地图组件高度会随着我的滑动缩小,直到变成第二张图,当我向下滑动的时候顶部的地图组件高度变高,然后到一定程度就不能滑动了。之前自己试过监听订单view距离顶部的高度,然后通过setData的方式去修改地图组件的高度,发现非常的卡顿,想问下各位大神有没有更好的思路,谢谢 [图片][图片]
2020-09-12// 题目里好像没看到三等奖的判断规则 // 看题干的四条规则,似乎可以归纳为:最终等级取决于最差的那一级 // 所以把最差的那一级找出来返回 const gradeList = ['不合格', '三等奖', '二等奖', '一等奖']; const getLevel = (grade) => { if (grade < 75) return 0; if (grade >= 75 && grade < 80) return 1; if (grade >= 80 && grade < 100) return 2; if (grade >= 100) return 3; }; const judge = (gradeList) => { let level = 3; // 这里可以优化,如果有不合格的可以直接中止 gradeList.forEach((grade) => { level = Math.min(level, getLevel(grade)); }); return gradeList[level]; };
讨论一个判断问题:奖学金的问题?获取成绩>判断成绩>给出判断 判断成绩:①grade<75显示 X ②75<=grade<80显示二等 ③80<=grade<=100显示一等 给出结论;(我的疑问在这,如何写代码比较有效) ①如果有一个不合格,则不符合奖学金申请条件 ②如果全为一等,则符合一等奖学金 ③如果有一个是三等,其他不是不合格,则为三等 ④如果有一个是二等,其他是一等或者二等,则二等 上面表述没有问题,但是按照这种表述写代码肯定是复杂化代码了,请问怎么写代码比较高效?判断时不会出错?谢谢!
2020-09-12[图片] [图片] [图片]
为什么小程序 input 样式在真机上会错乱?微信版本号:7.0.15,系统 iOS 14。 问题截图: [图片][图片] 问题描述:开发工具上显示是正确的,真机上观察到如上错位。经真机调试,发现是 input 组件高度样式发生了莫名其妙的变化。已确定不是全局样式导致的。 代码片段: <!-- wxml --> <view class="search-bar__container"> <view class="search-bar row"> <view class="search__icon"> <image src="/image/icon_search.png" /> </view> <view class="search__input"> <input value="{{contactName}}" bindinput="changeInput" bindconfirm="queryConfirm" placeholder="请输入供应商、委托方或收货方名称" confirm-type="search" placeholder-style="color:#808080;" /> </view> <view class="search__padding" /> </view> </view> /* wxss */ .search-bar__container { flex: 1; height: 56rpx; padding: 12rpx 24rpx 12rpx 24rpx; } .search-bar { width: 100%; height: 56rpx; background-color: #e5e5e5; border-radius: 12rpx; } .search__icon { width: 56rpx; height: 56rpx; position: relative; } .search__icon image { width: 28rpx; height: 28rpx; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .search__input { flex: 1; } .search__input input { width: 100%; height: 56rpx; display: inline; line-height: 56rpx; font-size: 28rpx; color: #333; }
2020-09-11尝试了另一个解决办法,使用 input 的 cursor-spacing 属性,调整光标距离键盘的间距,为常驻候选栏留出空间。
iPad使用原生输入法时input组件的自动弹起高度不对- 当前 Bug 的表现(可附上截图) [图片] 当 input 输入框与页面底间距小于键盘高度时,触发页面自动弹起,但因为 iPad 键盘顶部有一条常驻候选栏,且小程序的自动弹起高度未将其计算在内,导致 input 输入框被键盘候选栏覆盖。不影响输入,但无法直观地看到输入内容,对用户操作产生了不便。希望能得到优化。 - 相关信息 [图片] [图片]
2019-04-09