这其实是老生常谈的问题了，但是因为最近有小伙伴面试被问到了，找到我想让我讲解下，所以我还是打算写一篇文章介绍下。 如果对您有用的话话，不妨评论，点赞关注➕收藏。如果可以的话，给我投上宝贵的一票。 ba

最初我也以为只需通过一些WX公众号简单操作，就能轻松给头像加上节日图案，比如国庆节、圣诞节头像等。然而，实际体验却很糟糕——广告无处不在！每一步操作几乎都被强制插入广告打断，不仅浪费时间，体验也非常差

2021 年国庆又来了，大家都在玩国庆头像： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8e628e67703e49a4a611e

今年国庆 渐变头像着实火了一把，看到微信里面的好友，很多都换上了新颜。 ​ 作为码农，看到上面的效果，首先会想到这个是怎么实现的？我可不可以？ 于是就有了今天文章，快速制作国庆渐变头像、圣诞帽头像

用 Three.js Shader 粒子系统手撸一个超级漂亮的星系效果！学习如何在球体和圆盘上设置顶点、如何插值颜色、让粒子运动起来等等！

音频API是一组提供给网页开发者的接口，允许他们直接在浏览器中处理音频内容。这些API使得在不依赖任何外部插件的情况下操作和控制音频成为可能

使用 CSS 实现亚克力效果（Acrylic Material），Mac OS的磨砂玻璃效果（Frosted Glass）和 玻璃变形（Glassmorphism)等 UI 效果！

通过简单的Javascript操作，让你的图片碎片化出场与众不同，炫酷出天际，赶紧来瞧瞧吧~快收藏分享起来~嘿嘿。

无意之间看到了一位大佬做的粒子效果很是炫酷，不过只做了 Mac 端的示例，我于是就学习做了一个 Web 端的 DOM 转 Canvas 粒子动画效果。