ios系统元素悬浮滑动错乱，和ios页面无故刷新问题

1.ios系统元素悬浮滑动显示错乱

今天测试同学给我找了一个bug，好家伙，本来就是一个普普通通的悬浮效果

但是在ios 15上滑动的时候，悬浮图片居然分身了.....，

经过测试发现新版的iphone会有这个问题，老板的iphone（iphone6，iphone8）和安卓测试测试没有这个问题，一看就就是踩中了新版ios的彩蛋，修复ios当时是不可能的我们只能从我们的页面上去处理。

        接下来开始排查，经过排查发现，悬浮元素里层的元素一开始是空div，a标签和img是调接口后异步渲染进来的封装到组件库的。

<div class="float">
    <a href="#">
         <img src="xxx">
    </a>
</div>

元素写死的话不会有这个问题，但是这个功能暂时还不能动，于是看能否跳过这个问题。最后发现把div设置一个背景色，问题就好了，但是页面的背景色设置可配置的，这个方案很显然不行，最后尝试把定位属性往里放一层，放到动态添加进来的a标签上，居然就好了。

<div >
    <a href="#" class="float">
         <img src="xxx">
    </a>
</div>

开发中ios出现稀奇古怪的问题还是很常见的，需要不停的去调整页面的实现方案来避开坑。

2 safari浏览器页面无故刷新

刚好前两天也到一个奇怪的问题，我们有个表单页面，在填写表单的时候在ios里会突然莫名奇妙的刷新，然后显示页面白屏出现“xxxx重复出现问题”后来经过排查发现是因为页面中有一个省市区街道四联动的控件，在页面中可以添加10个地址，由于组件封装的时候把输入框和地址选择弹窗封装到一起的原因，导致此添加一个地址都会渲染一个完整的地址控件，然后精确到街道的数据信息也比较多，就会造成页面dom数量剧增，内存占用率高，触发了safari的刷新策略。后来把省市区街道弹窗抽离出来复用，解决了问题。