CSS3逐帧动画 - 替代gif动画

这次要做的小程序设计给过来一个gif的过渡动画,要实现闸门的下拉和升起。gif动画可以自定义循环周期,可以是n次也可以是无限次,无限次难以把握回收元素的时机,n次想要重新展示在小程序中也是难事,重写image的src和将图片放在background,改class也没有用,无法使gif重新播放,遂更改思路,使用css3的动画实现。先放上效果图我们先将动画的每一帧制作成雪碧图,最好是一列或者一行比如这样每一帧之间不要有边距然后直接上代码.demo{ height:20px; width:30px; background:url(image.png) no-re ......

记一次小程序闪屏经历

问题出现得比较无厘头,采用排除法一点一点删代码也无法定位bug,最后根据问题的分析、猜测加上测试最后确定是图片像素过大(注意不是图片过大),小程序内存不足引起闪屏,因为这个项目使用的是腾讯云cos,遂结合万象优图api根据每页情况返回合适大小的缩略图,问题解决。