工作记录
红浴巾
哈哈哈哈
展开
-
键盘挡住微信小程序授权键并不完美解决办法
当用户快速点击输入框,再点击登录弹出授权弹框,由于操作太快导致授权框弹出后,输入框仍然聚焦,点击屏幕任何地方都无法使输入框失去焦点,导致键盘无法关闭,用户无法对其进行授权进行下一步操作。现阶段的解决方法是将每个输入框都绑定focus,将focus全部设置成...原创 2020-11-26 18:05:48 · 516 阅读 · 0 评论 -
微信小程序中自定义密码框中关于聚焦键盘吊起的问题
最近需要自己做一个验证密码的密码框,实现效果如下图所示该密码框实现的基本思路就是将Input隐藏起来,然后根据Input输入中value的长度,展示出相应数量的*。(这里提供简易的Taro,React的代码)const PasswordCom = () => { const [pwd, setPwd] = useState('') const len = pwd.length const arr = [0,1,2,3,4,5] return ( <View&原创 2020-11-26 15:25:57 · 584 阅读 · 0 评论 -
React hooks中节流的处理
背景:采用React hooks来进行开发,确认自己写的节流函数没有问题后,在获取取手机验证码的操作中,快速多次点击按钮“获取手机验证码”,仍然造成多次发送请求。如图,快速连续点击获取验证码按钮,发送了三个getcode的请求解决此问题一般采用节流解决节流节流:在规定时间内,函数只执行一次。例如,2秒内点击同一按钮多次,但按钮所绑定的事件只执行一次。2秒后,按钮又被点击的话,函数在点击后的2秒内又只执行一次,不点击就不执行。原理:闭包。节流一般有两种实现方式,时间戳和定时器。用时原创 2020-11-17 15:36:11 · 3575 阅读 · 2 评论 -
解决OPPO手机安卓5.1版本flex布局横向滚动条失效
解决OPPO手机安卓5.1版本flex布局横向滚动条失效解决OPPO手机安卓5.1版本flex布局横向滚动条失效,首先尝试flex新旧兼容写法无果后。观察到项目中宽度全部失效,累计宽度最大为容器的宽度,考虑是否是由于容器空间不足,所有项目被迫缩小。将容器中所有项目的flex-shrink属性设置为0后,问题解决。正常效果bug效果有关flex-shrink属性的基本用法flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。计算方法:当..原创 2020-11-13 14:25:39 · 940 阅读 · 2 评论 -
关于小程序Input的高度问题
背景:采用taro开发小程序中,需要开发一个可以➕,➖,也可手动输入的计数器,如图所示 问题:Image和Input所给的height和border都是40px、1px,但在各个机型下Input都比Image的高度高一点,如图所示解决过程:刚开始猜想是否是小程序中图片比实际像素小了2px,将图片高度增大,肉眼看起来在一下屏幕较大的手机上确实变得对齐了,但是在屏幕较小的手机上又回到了之前的样子,此时将Input的高度增加发现是能增加的,高度减小确不能实现,此时猜想Input组件是否有...原创 2020-11-12 14:16:58 · 1936 阅读 · 1 评论