大家好，我是前端西瓜哥。今天我们来谈谈图形编辑器中，简单说说图形编辑实现图形工具，需要用到的填充算法。图形的特点是宽高是固定的，在图形编辑器绘制图片有两种方案。一种是将，不允许改变，这样我们就不用考虑容器矩形的宽高和图片宽高不一致的处理逻辑。

大家好，我是前端西瓜哥。最近做需求，需要将数据保存到 localStorage 里，在组件初始化的时候获取，然后修改该值的时候，要保存到本地的 localStorage 中。倒是并不难。function App() {  const STORAGE_NAME = 'app_theme';  const&nbs

大家好，我是前端西瓜哥。作为一名前端开发，在浏览一些网页时，有时会在意一些交互效果的实现，会打开开发者工具查看源码实现。但有些网站做了防窥探处理，打开开发者工具后，会无法再正常进行网页的操作。它是怎么做到的呢？

大家好，我是前端西瓜哥。这次简单看看 SVGEdit 的架构。SVGEdit 的版本为 7.2.0。SVGEdit 一款非常老牌的 SVG 图形编辑器，用于编辑处理 SVG，start 数目前是 5.8k。。缺点是，提交很少，大概一个月一提交，最新版 7.2.0 也是 22 年 8 月的时候了。，很简单就能看到一些 UI bug。，这个 UI 好看很多。它fork 了 SVG-Edit 并做了一些

大家好，我是前端西瓜哥。vscode 在之前的某个版本更新后，默认情况下，假设有个目录 a ，其下只有唯一一个目录 b，vscode 的目录树就会将 a 和 b 作合并，变成a/b，就像下面这样：对于 Java 项目的包结构来说，这种展示方式很有用。但我不是 Java 仔，我无法接受。为解决这个问题，我们需要去设置里找到 vscode 的目录紧凑模式（Compact Folders）选项。就能看到

大家好，我是前端西瓜哥。我经常写技术文章，所以用的文本编辑器必须要称手。作为一名从事前端开发的程序员，会更喜欢 markdown 这种格式。markdown 是一种标记语言。它只描述结构，不描述样式。对于样式，你可以选择一个主题，就像应用的颜色主题那样随意切换。只描述结构的好处是，创作者可以更关心文字内容，而不用去考虑样式问题，比如我在写 word 文档时经常纠结这个高亮应该用红色还是加粗，这边段

大家好，我是前端西瓜哥。本文将讲解 Web 页面如何实现自定义菜单功能。线上 demo：https://codepen.io/F-star/pen/WNOvQVQ思路核心思路是：注册 contextmenu 事件，取消该事件的默认行为，然后通过 event 对象拿到光标相对视口的坐标位置（event.clientX 和 event.clientY），通过绝对定位的方式，将自己自定义的初始化时不可见

大家好，我是前端西瓜哥。这次简单看看 SVGEdit 的架构。SVGEdit 的版本为 7.2.0。SVGEdit 一款非常老牌的 SVG 图形编辑器，用于编辑处理 SVG，start 数目前是 5.8k。。缺点是，提交很少，大概一个月一提交，最新版 7.2.0 也是 22 年 8 月的时候了。，很简单就能看到一些 UI bug。，这个 UI 好看很多。它fork 了 SVG-Edit 并做了一些

大家好，我是前端西瓜哥。今天来讲讲几何算法中，比较经典的算法：矩形碰撞和包含检测算法。矩形碰撞检测是被广泛使用的算法。比如在游戏中，为了优化图形碰撞判断效率（复杂不规则图形之间的碰撞算法很复杂），经常会使用到包围盒。所谓包围盒子是一个矩形，通常正好包围住一个规则或不规则的图形。如果两个图形的包围盒没有发生碰撞，那这两个图形一定不会发生碰撞，因为矩形的碰撞算法很简单，所以能够很好地优化性能。

大家好，我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意，并用 React 来实现两种虚拟列表组件。虚拟列表，其实就是将一个原本需要全部列表项的渲染的长列表，改为只渲染可视区域内的列表项，但滚动效果还是要和渲染所有列表项的长列表一样。虚拟列表解决的长列表渲染大量节点导致的性能问题：一次性渲染大量节点，会占用大量 GPU 资源，导致卡顿；即使渲染好了，大量的节点也持续占用内存。列表项下的节点越多，就