![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Taro
凉生可可
技术宅/猫咪控
展开
-
手写一个禁止拖动的遮罩蒙层
小程序中如果将页面写为flex布局,并且里面嵌套了input,那input中的placeholder和value在键盘弹起后可以不会随屏幕滚动,解决方法:如果不想破坏flex布局,可以写一个透明遮罩层,当input onFocus的时候遮罩层弹出,onBlur时遮罩层关闭,以禁止键盘弹起时的屏幕滚动。当然上面只是提供一种思路,遮罩层可以用于其他方面 const handleTouchMove = (e) => { e.preventDefault() e.stopPropa原创 2020-06-04 16:25:49 · 530 阅读 · 0 评论 -
Taro input输入框之------防抖(性能优化)
Taro的在的onInput方法中如果使用setState来保存value,会导致输入卡顿,原因是用户在输入时,一直在setState我的解决方案是使用debounce(防抖),事件和函数执行之间加了一个控制层,来控制函数的执行次数。第一种方法是下载debounce插件下载$ npm install debounce引入import { debounce } from "debounce";使用<Input className="tc-form-item-text" t原创 2020-05-09 17:23:59 · 3130 阅读 · 0 评论