今日份分享：飞机小游戏 使用 Vue3 + Vite + Canvas + Worker 实现简单版的 "雷霆战机"

Vue项目中引入外部js文件，动态创建script标签，或者使用es6进行导入文件，在html中可通过<script src="orange.js"></script>来引入外部的js文件

在2011年左右，webGL登陆了浏览器，在这之前，我们已经可以用canvas来构建高性能(相较于DOM)的web端应用了，虽然canvas相对于DOM比较底层一些，但是canvas始终是封装...

1、视频和视频流 图片是由像素点组成的图像文件 视频是一系列连续播放的图片 视频流是一种视频数据传输方式 2、常识概念 分辨率：显示器所能显示的像素数量（分辨率越高，图片越清晰） 帧率：1s播放多少帧

鼠标滑动样式，元素周围有滑动轨迹的炫光通过伪元素，加background，radial-gradient等实现

🌐 原地址 👉 h3 🫰 demo 🫰 🧐 思路分析 🧐 这样看是不是一目了然呢~ 😏 如上👆gif👆效果可以理解为👉 以鼠标位置为圆心，产生的背景圆，与box的间隙产生的交叉 ❓ 这么实现会不会有问

渐变加变量的组合，实现一个可以跟着鼠标走的渐变，学的再多，不如自己动手做一做，自己动手做了，才是真的学到了！

背景 最近有一个页面改版的需求，在UI走查阶段，设计师说原来的轮播组件和新版页面UI整体风格不搭，所以要换掉。 这里就涉及到两种轮播组件，一种是传统的轮播组件，一种是设计师要的那种。 传统的轮播组件，

Vue3.0组件—banner轮播图（渐入渐隐效果） 组件产生 最近遇到一个需求，项目首页banner轮播，具体描述前一张图渐隐一个效果，后一张图渐显一个效果，切换完成停留几秒。