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

大家好，我是前端西瓜哥。这次简单看看 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 资源，导致卡顿；即使渲染好了，大量的节点也持续占用内存。列表项下的节点越多，就

any 是任意类型，具有所有类型的行为，可被执行，可访问属性，超脱于类型系统之外。unknown 则是类型更安全的 any，同样可以将任何类型赋给它，但不能执行任何操作，必须用类型断言来显示说明类型才能去执行操作。never 是无法观测的类型，比如不会执行完的函数的返回值，合并结果不存在的交叉类型。在类型编程中非常活跃，常用于丢弃一些子类型。void 就比较简单，只是代表函数没有返回值，没有其他的

大家好，我是前端西瓜哥。做开发，最怕的就是下载 404 的问题。对于 NPM，下载完后不换源的话，下载依赖包就相当的慢，最后超时下载失败也经常发生。这时候我们就要改一下 NPM 的 registry 配置，换成国内的镜像源。