将网站放在服务器后，因为服务器带宽问题，才发现很多资源比如图片、音频在网站打开后1分钟还没有加载，导致无法播放。

短视频大行其道的年代，作为程序员势必需要了解：视频编辑背后的原理和技术。本文简略的描述了视频的组成原理和常用的视频编辑工具，以及在 NodeJS 中的用法。 想要了解视频原理，首先应该从图像原理开始说起。 1. 像素 图像画面由一个数字序列表示的图像中的一个最小单位色块，被称之…

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 大厂案例 前置知识 在看动画方案之前，我们先来了解一下位图和矢量图的概念。 矢量图是使用直线和曲线来描述的图

💞“我对着烟花许愿，希望你永远在我身边” 🌈 “凑不够满天星辰那就去看看烟花吧，人间烟火气，最抚凡人心” 🚩 邀你看一场浪漫的烟火 -- canvas放烟花 🚩 你还在用canvas画爱心吗？看我让你

canvas实现烟花。漫天的烟火送给遥远的你 🎉我裁一段星河送给你，好叫你不逊色这漫天烟火 漫天的烟火，在这璀璨的星空中闪耀，成就了这片星空的绚丽，更散发出了自己无限的光芒...

万圣节到了，写一个小例子了解一下canvas画图方法。 ; canvas可以实现一些有趣的效果，动画实现。以一个简单的页面实现了解一下基础的画图方法。 万圣节快乐

最近有读者加我微信咨询这个问题： 其中的效果是一个折线路径动画效果，如下图所示： 要实现以上路径动画，一般可以使用svg的动画功能。或者使用canvas绘制，结合路径数学计算来实现。 如果用canva

Firefox 偷偷实现了一个 AnimationTimeline，用来为动画提供时间轴。根据文档，它是一个抽象类，被 DocumentTimeline 继承。 由于是非标准的特性，MDN 的文档里面也没有解释的很清楚，只是说它用来让多个动画共享时间轴，但是具体该怎么用，并没有…

我们在做网站或者游戏的时候, 一定见过很多很酷炫的「缓动」动画. 今天我们要来聊的是如何制作一个「时间轴动画」. 当你的动画播放完或者播放到一半的时候, 你想要使动画继续「缓动」恢复到原来的形态...