因项目需要，发布的H5移动端页面中需要支持微信分享，比如分享到朋友圈，分享到朋友等。在借助node.js全栈技术能力情况下，前端研发人员可利用这一特性来进行依业务实际需求的API接口封装。 通过需求分析，我们知道这个接口的请求与返回应该包含：分享标题，分享描述，分享图片，分享链…

在移动端，利用H5技术，可实现微杂志,微信邀请函,H5小游戏等营销互动等应用开发，本文将介绍一种Create.js与Adobe Animate CC结合来制作H5落地页的方法。 通过两者结合既充份利用了Create.js的便捷性控制逻辑和整体框架结构，又充份应用了Animate…

背景 前端动画场景需求多 对众多动画场景的技术实现方案选择上比较模糊 各动画方案的优劣及适用场景认识模糊 现有动画库太多，不知道选哪个 主流动画库的适用场景认识模糊 下面首先让我们从各个角度来对动画整

介绍一些移动端使用 Video 标签满屏播放视频的实践经验

开始的时候就有过来人的同事提醒过要我注意下微信的视屏自动播放，经过别人的反馈，其实不止是微信不允许，有些机器浏览器也是不允许，这个时候该怎么办？结合 touch 事件一起实现。视频播放是监听 scroll 事件，等到可视范围内调用 video.play() 自动播放，既然有些浏…

八月，依然需要空调续命，这个季节二次元大概率在放烟火，给我映像最深的应该是《声之形》中硝子坠落时的烟火片段，绚丽而安静。 而且由于 gif 格式只支持 256 色，mp4 转 gif 画面的分辨率虽然不变但画质有很大损失，上图能看到明显的像素块效果。 所以日常视频转 gif 时…

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…

某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，🥶不对呀，这个左右摆动好假，不像现实中风吹的效果。 冷静思考🤔，为啥这个摆动会没有灵魂。于是拿起工卡开始摆动，看看现实中的摆动…

一. 展示型动画 VS 交互性动画 展示型动画在实际使用的场景中，实现的方法很多，比如用gif图，canvas，css3动画等，但是最终输出的结果是不带有交互的，也就是从动画起始状态到结束状态一气呵成，这个过程用户可以感知，但是无法参与。对于交互性动画而言，我们可以在动画播放的…