动画是现代前端开发中必备的技能，作为一名 Web开发者，你一定深知动画效果对于用户体验至关重要，甚至能决定其成败。但说实话，从零开始手写自定义动画，那可真是个苦差事。因此 JavaScript 动画库

如果你写 JavaScript / TypeScript / Node / 前端框架时，一天能敲几十条 console.log，却还在 DevTools 和编辑器之间疯狂切窗口！

本文详细介绍了利用Fabric.js实现网页图片标注的步骤和注意事项，包括初始化、加载图片、绘制标注等。

最近使用Fabric.js做了一个图片编辑器，需求中有一个图片裁剪的功能，这是个很实用的基础功能，当初我做的时候想去寻求一些教程，但找了一圈始终没有找到完整的方案，都是一些不好用的。

背景 最近，朋友说在做uniapp微信小程序项目时接到一个需求，需要实现一个类似上图的轮播图效果，问我有没有什么好的实现方案，他也和我说了他的方案，比如让产品直接把图片切成两部分再分别进行上传，但是我

分享一个基于 canvas 的原生 js 图片爆炸插件

webgl-boom-js是一个实现粒子爆炸效果的库，它的功能很简单，就是“炸掉 DOM 元素”。 下面就是一个简单的粒子，可以在点击时“炸掉”对应的 DOM 元素： 原理 看名字也知道，webgl-

果缤纷消消乐 是一款基于原生 HTML/CSS/JS 开发的轻量级单机消除类小游戏，灵感源自经典 IP《开心消消乐》。游戏以清新水果主题、流畅交互逻辑和多层次挑战为核心，支持简单、中等、困难三个模式。

0. 先把 Phaser 的主要代码搭起来 1. 设置游戏区域容器 2. 放置小球 3. 拖动小球