![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
我有疑难BUG仓库
神奇大叔
这个作者很懒,什么都没留下…
展开
-
css 页面缩放边框产生空隙相关
缩放产生空隙现象:![在这里插入图片描述](https://img-blog..cn/3dfe8dc50d854afc9134fac0d8df2b2b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56We5aWH5aSn5Y-U,size_20,color_FFFFFF,t_70,g_se,x_16)产生空隙原因:若边框为1像素,未缩放时则下图一个网格就代表一个像素当进行缩放时200%原创 2022-02-28 21:24:42 · 1728 阅读 · 3 评论 -
解决切换input的类型,光标总是focus到首部(React)
起因:切换input的type类型,完成明文和密文的切换功能,发现每次切换后focus(),光标总是在首行原因:每当切换时,会重新render,此时focus可能还未渲染完成,所以光标会在首行解决方案: 方案一:在改变状态后,setState({...},()=>{回调中做focus()操作}) 方案二:...原创 2020-11-22 17:23:27 · 1881 阅读 · 0 评论 -
解决better-scroll和keep-alive使用产生的无法保持之前滑动位置bug
解决思路 (1)使用当有keep-alive的两个生命周期函数,activated和deactivated (2)当离开页面时,记录最后的滑动位置 (3)当进入页面时,滑动到记录的滑动位置并刷新scroll来重新计算一下滑动位置代码示例: activated() { // activated时,dom还未加载完成 if(this.$refs.scrolls.scroll!=null) { //通过ref获取到滑动组件内部的属性和方法 this.$refs原创 2020-07-31 15:28:47 · 810 阅读 · 0 评论 -
解决better-scroll和keep-alive使用添加新数据无法滑动bug
因为缓存了数据,所以当添加新数据时,better-scroll并没有重新计算高度解决方案 在activated生命周期函数中,刷新一下better-scroll使它重新计算高度代码示例: activated() { if(this.$refs.scroll.scroll) { this.$refs.scroll.scroll.refresh(); } }...原创 2020-08-02 16:22:03 · 325 阅读 · 0 评论