大家好，我是前端西瓜哥。上周图形编辑器交流群里有人问，对于 Figma 导出的 fig 文件，该如何解析其格式，拿到可读数据。经过群友的一番讨论，这个问题最后算是解决了。

大家好，我是前端西瓜哥。本文是使用 Docker 安装运行 MySQL 的教程。默认读者已经对 docker 会一些简单操作，比如会查看 container 列表、删除 container 之类的简单管理命令。

大家好，我是前端西瓜哥。因为同源策略（Cross-Origin Policy）的存在，浏览器在一个域名下发送另一个域名的 Ajax 请求时，返回的数据通常会被浏览器拦截，让开发者无法拿到返回结果。这里说 “通常”，是因为浏览器额外提供了一种可以正常使用 Ajax 请求非同源域名接口的机制，也就是我们接下来要说的 跨源资源共享（CORS, Cross-Origin Resource Sharing）

大家好，我是前端西瓜哥。今天来学习 BFC。BFC，为 Block Formatting Context 的缩写，中文翻译为 块格式上下文。BFC 是 Web 页面 CSS 渲染的一个机制，是块级盒子布局中产生的区域。你可以将一个 BFC 可以理解为一个容器，里面的元素不会影响到容器外的布局。怎样的元素属于 BFC？根元素，也就是 HTML 元素浮动元素，即使用了 float 属性且值不为 non

大家好，我是前端西瓜哥。今天我们看看React 中使用 Redux 的 4 种写法。Redux 是一种状态容器 JS 库，提供可预测的状态管理，经常和 React 配合来管理应用的全局状态，进行响应式组件更新。Redux 一般来说并不是必须的，只有在项目比较复杂的时候，比如多个分散在不同地方的组件使用同一个状态。对于这种情况，如果通过 props 层层传递，代码会变得不可维护，这时候我们可以考虑使

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

大家好，我是前端西瓜哥。最近买了台新的笔记本，重新装了一些软件，这次就说说怎么在 git 中配置用户信息吧。当我们安装了 git 后，一件非常重要的事情就是配置我们的用户名和邮箱地址，因为我们提交代码到远端服务器需要通过它们来得知提交者是谁。

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

大家好，我是前端西瓜哥。HTTP 请求头字段中的 Origin、Host 和 Referer 非常相似，乍一看都是域名相关的值，非常容易弄混。我在面试中也被问过，因为没准备好而哑口无言。今天西瓜哥我来带领大家学习这三个头字段，务必学完后能好好分清楚它们。OriginOrigin 由三部分组成：scheme：协议，如 http、https。host：域名或 IP 地址。如 127.0.0.1、jue

大家好，我是前端西瓜哥。今天的文章简单探讨一下 Vue 和 React 的不同。本人 Vue2 和 React 都用过，但不熟悉 Vue3，没用它做过项目。其实我对这两大框架也没有认真钻研过它们的细节，也就是工作上用它们写一些简单业务，或偶尔看看相关的博客文章，但还是有一些浅显的认识的，写下来记录一下。Vue 和 React 都是用于构建 UI 界面的流行框架。它们的哲学也有很多相似的地方，我们可