摘要：
前言 前几天，朋友找我要一个小程序的源码，要学习下这个小程序的先进技术（懂得都懂）。现在获取小程序源码，最常见的教程都是通过模拟器去获取，这里不多说，有兴趣的朋友可以去网上看看。之前玩过这个，然后信心满满的打开了模拟器，然后登陆不上模拟器微信（嗯，难受）。后来想了一下，都是通过微信获取小程序编译包， 阅读全文
摘要：
前端截图 前言 就是用html2canvas.min.js来实现前端页面截图 代码 function generateCanvas(){ var test = $(".bg_wrap").get(0); //将jQuery对象转换为dom对象 // 点击转成canvas html2canvas(te 阅读全文
摘要：
前言 数值不断增加，直到变成最终值。描述不是那么精准，直接看图吧。 效果图 代码 推荐一款jquery轻量级数字动画插件jquery.countup.js插件，可以轻松实现以上效果 <div class="headernum">0</div> $(".headernum").html(integra 阅读全文
摘要：
直接上图 思路 在一个固定宽高的div中，内部有一个高度100%，宽度为0的div，如“signloadbackview”，这个div背景中填充一个螺旋进度条小块，如： 然后通过animation动态修改background-position的值和width(宽度)，让div的宽度不断变大，直到和外 阅读全文
摘要：
前言 就是在图片上或者div上，一道亮光划过。话不多说，直接看效果： 效果图 思路 1.用图片的外层div 的after,画一条半透明的线， 2.如：background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 2 阅读全文
摘要：
前言 移动端越来越多的轮播，是异形轮播了，这里介绍两种异形轮播。 效果图 H5 思路 说到轮播，就不得不提一下swiper 此次就是在Swiper的基础上，通过css来达到异形轮播的效果。 代码 布局就按照官网，正常布局即可，这里就不多说了，如果正常布局完，没有反应，看下是不是忘记给每个轮播增加“s 阅读全文
摘要：
一、收发牌 需求 5张卡片，上3下2，需要触发页面按钮后，卡片全部回收到按钮处，然后在发出来，类似洗牌的效果。 思路 最近活动需求，要实现一种类似蜘蛛纸牌收发牌的类似动效。查阅资料后，发现满足雪球的话，卡片（下文“牌”都用“卡片”代替）数量不多，可以使用css的translate3d实现。 效果图 阅读全文
摘要：
思路 在页面顶部之上，放置固定数量的红包，每秒随机降落5-10个，降落时给每个红包添加各自的动画，红包降落到页面底部时消失，降落固定时间。 效果图 H5 1.生成红包 ViewModel.packetNum 是红包总数量，这里我是一共200个红包，每秒随机降落5-10个，一共20秒。 srcList 阅读全文