P.C Young

BUG来源： 最近为百事可乐促销活动开发上线的一个H5应用。项目采用的uni-app开发的，其中有一个自己写的滑块拼图验证组件，采用的是CSS3的clip-path属性，根据一段svg路径剪切出来的图形进行拼图。都上线正常运行一段时间了，突然有用户反馈出现了bug。剪切的图片失效了，呈现出了一个白色的底框。（图片上是背景图片缺失的那块失效了，滑动拼图的块正常） 原因及解决方案： 使用clip-path的父容器的样式里面，少写了overflow:hidden; 把这行添加上就可以了。在之前的I..

在移动开发项目中，由于IOS和Android的不同，通常会遇到一些莫名其妙、奇葩的CSS3兼容问题，(￣_￣|||)。 现记录开发过程中的技术坑总结，持续收集整理更新。 1、translation 闪烁问题 -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform-style: ...