微信小程序开发之圆形菜单 仿建行圆形菜单

在微信小程序中使用一些动画效果可以让我们的小程序更加有吸引力，使用lottie动画的优点就是通过加载不同动画的json文件就可以得到不同的动画效果，思路很清晰、简单。然而在小程序中使用lottie动画并不是很顺利。 在微信小程序中使用lottie动画遇到的问题：1.在微信开发者…

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…

最近一个月都在做微信小程序，作为一个Android开发者，在这一个月很少写Android的代码，真是悲催，好在现在已经完整的把小程序做完了，下周就继续开始我的Android生涯了，现在回过头来写写自己认为比较常见的一些功能的实现，来帮助小程序学习爱好者学习参考。今天的这篇文章是关…

翻牌打乱活动抽奖活动，大概需求是这样的，九宫格卡牌，先正面展示所有奖品，然后卡牌翻转，打乱排序，点击卡牌，然后抽奖。 展示所有卡牌，然后翻转。 我们先在dom中渲染9个卡牌。 backface-visibility 属性定义当元素不面向屏幕时是否可见。 如果在旋转元素不希望看到…

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是一个数列，数与数之间用逗号或者空白隔开，指定短划线(50px)和缺口(50px)的长度。 设置 strok…

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

遇到一个需求，需要在小程序内实现自动轮播的画廊效果，如果是网页版的话有大量现成的库可以用，但小程序找了一圈没找到有类似的库，只好自己想办法了。 在踩了多个坑之后找到最简单的方法，就是用CSS animation来实现，但缺点就是不能手动拖动。 因为要无限滚动，所以放完在最后一个…

简单的学习一个自定义组件示例，了解组件背后的原理。