说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

你有没有遇到过这样的情况？服务器跑着跑着就卡了，明明只是一些普通的操作，却让资源“飚红”，甚至快撑不住了。特别是当你用JavaScript或者Python这些脚本语言写的服务器，遇到CPU密集型任务时

什么是Web Worker 15年前，也就是2008年，html第五版html5发布，这一版的发布，提供了不少新的好用的功能，如： Canvas绘图 拖拽drag websocket Geolocat

前言：为方便大家更快体验，整体代码已上传至gitee，可以前去拷贝交流 一.总体效果预览️️ ✈ 二.案例分析 ✈ 开发前我们需要思考清楚整体的架构和所需要的功能模块 开始前 ： 一个开始游戏面板 

为了得到性能上的更大提升，使用 Worker + OffScreenCanvas 重构之前Vue3+Canvas的塔防游戏部分代码。从此堆再多怪也几乎不会卡了。

一、先理解虚拟滚动的原理 虚拟滚动其实就是综合数据分页和无限滚动的方法，在有限的视口中只渲染我们所能看到的数据，超出视口之外的数据就不进行渲染，可以通过计算可视范围内的但单元格，保证每一次滚动渲染的D

在web开发中，自定义滚动条是个常见的需求，虽然浏览器原生的滚动条很强大并且在大多数场景下表现的很好，但某些时候我们仍然希望修改他的样式，比如变细一点，或者去掉圆角和轨道，又或者隐藏他们。这些都属于自定义行为，本篇文章将介绍自定义滚动条的几种实现思路，并着重讲解最流行的js方案…

如果打造一个高性能的高体验的无限滚动组件？虚拟滚动是一个很好的方案，使用固定个数元素来模拟滚动，减少大量的元素渲染对性能的消耗

可编辑的表格组件是非常灵活的，因此采用了render函数来让用户自定义表格内容，但是render函数写法不好维护，于是使用作用域插槽来代替，render能做的插槽都能做。