Canvas作为H5的的一个核心功能，在包括可视化和在线编辑等功能上发挥了很大的作用,因此这里就总结一些个人会用到的一些小技巧给大家，希望对你有所帮助！

本周的周周技能树点亮：css+js实现DIY electron官网滑动渐变动效——点亮万圣节小南瓜(附加：css定位机制整理)

微信又发布了新功能（更新到微信8.0.6）。最火热的非"炸屎"功能莫属了，各种群里纷纷玩起了炸屎的功能。我们就借此花10分钟来学习一下这个功能。

最近关注了油管上的 CSS Animation Effects Tutorial 系列，里面介绍了非常多有意思的 CSS 动效。其中第一个就是很酷炫的霓虹灯效果，这里就实现思路做一个简单的记录和分享。

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

对于第二种【动画】,我们就要用keyframe来完成了。 结构很简单，基本就是两个大div，然后把div的布局按效果图那些布置。 这个插件是用js写css的keyframe动画用的，至于为什么keyframe不在css里面写呢？那是因为屏幕大小不一样，会导致需要移动的px不一样…

动画分为两种：transition和animation，vue只是将其融入组件中去使用了。 vue内置组件，用以包裹想要实现动画效果的dom节点，且只能包裹单个元素。 如何实现包裹多个元素？——需要给transition所包裹的子元素属性标签上添加v-if、v-else，需要注…