那些年踩过的坑

一、antd-Mobile走马灯Carousel遇到的坑

描述：当Carousel数据通过接口获取时，自动切换效果就会无效，且首页展示的高度为默认的最小高度；只有手动切换一张之后，才能启动自动切换，且高度恢复为正常高度；
解决方案：1、确保从接口拿到数据后再渲染Carousel； 2、添加代码
componentDidMount() {
setTimeout(() => {
window.dispatchEvent(new Event('resize'));
}, 0);
},

二、关于css3遇到的坑

1、浏览器容器有圆角，手机上没有圆角
描述： 在谷歌浏览器上，div上的border-radius: 6px;有效果，移动端给div设置圆角并加上overflow:hidden不生效；
解决方案： 加上transform:rotate(0deg);或者transform: scale(1)
亲测： ios加上前者就能解决，安卓不起作用，再加上后者才解决；

2、h5页面上下滑动时页面出现抖动
描述：微信h5页面，滚动一个轮播组件的时候，整个页面的位置会上下移动，飘，晃，
解决方案：待研究，大致猜跟scroll flow等样式有关，

---

此文未完待续。。。
后续待出文：
1、自封装的轮播跑马灯组件
2、自封装的时间格式化
3、翻找笔记，把曾经踩过的坑规整到本文