2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

在之前的系列文章中，我们介绍了图形编辑器基础的 `移动`、`缩放`、`旋转` 等基础编辑能力，以及很多辅助编辑的能力。本文将继续介绍提升编辑效率的功能：多选、组合、解组，以方便批量操作精灵，提升效率。

大家好，我是前端西瓜哥。今天讲一下图形编辑器如何实现历史记录，做到撤销重做。 其实就是版本号的更替。每个版本保存一个状态。 数据结构 要记录图形编辑器的历史记录，支持撤销重做功能，需要两个栈：撤销（u

本文为稀土掘金技术社区首发签约文章。webassbmbly具有很优秀的性能，并且可以将其他语言的代码转换为二进制文件，使得浏览器可以使用，有很大的发展前景~

1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kylehr 的支持和帮助。

往往我们意识里觉得内存管理是后端的事情，单并非如此，前端也需要关注内存使用情况。前端关注内存，对于掌控前端性能有着很重要的作用。

本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. JavaScript 具有自动垃圾收集机制（GC：GarbageCollecation），也就是说，执行环境会负责管理代码执行过程中使用的内存。开发人员不用再关心内存使用问…

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包