GitHub Copilot，是全球知名开源平台 GitHub 推出的一个 AI 辅助写代码的工具。

从它的英文名来看，“GitHub”是制作它的公司名，而“Copilot”则是“副驾驶”的意思。

我从今年 10 月开始了 60 天的试用期，整体用下来感觉还不错，让我用一句话来形容使用体验的话，那就是“只能如虎添翼，不能雪中送炭”。

这篇文章我主要给大家分享一下我作为前端开发程序员使用 GitHub Copilot 的一些体验。

在做任务时看到这段话没有仔细看，但是过后去查找相关攻略时无意中在评论区里看到了这段话，仔细一看给我很大的触动。

可能是自身现在的处境和自身经历的问题，我对这段话感触特别深。虽然原文通篇都很浅显易懂，但是我还是想在这里给大家分享一下自己的一些见解。 所有观点仅供参考，请辩证地看待，希望能对大家有所帮助。

有时候我们需要让网页加载自定义字体文件，但是通常的字体格式（TTF、OTF）体积太大了，这就需要我们将其转换为更小体积的字体文件格式（WOFF2）。

之前我尝试使用类似 CloudConvert 的在线工具去转换 OTF 字体文件，但是不知道为何转换出来的字体损坏了，无法使用。经过多方面研究，现在我找到了一种本地压缩字体可行的方法，因此分享给大家。

React 由于太过灵活，10 个人写能写出 10 种甚至 9 种写法（绝望）。俗话说乱写一时爽，维护火葬场（自己说的），因此这篇文章总结了我日常开发见到的各种不合理写法，和自己写出整洁代码的一些经验。

看过许多前端项目，可以说各种各样的目录结构都有。虽然这玩意没有一个标准答案，但是一个合理的目录结构确实会对项目开发和维护有很大帮助。

最近学习到了 bulletproof-react，发现还不错，但是感觉有一些地方不太合理，不能完全抄下来，需要结合实际情况使用。

因此我研究了下这个项目，提取出了一些抽象的概念，应该能帮助大家设计出合理的项目目录。

Electron 是一个跨平台桌面应用程序构建工具，你可以使用前端技术和 NodeJS 来构建桌面应用程序（MacOS、Windows、Linux），我们熟悉的 VSCode 就是使用它来构建的。

我在前段时间写了个跨平台哔哩哔哩视频下载工具，发现网上关于 Electron 的相关信息还是挺少的，因此我在这给大家分享一些我开发这个工具的一些经验。

当然，一篇文章肯定讲不完所有细节，所以这里只是简单介绍一下，以后有机会可能还会详细介绍各个细节。

一些 Electron 基本的概念在本文不再赘述，如果你还不清楚的话，可以到 Electron 官网进行学习

可拖拽（也叫可排序）列表是一个比较常见的组件，但是实际实现起来还是有一定复杂程度的，涉及到光标跟踪、元素交换动画，因此我自己研究了一下使用 React 的实现方法，现在分享给大家。

表达能力可能不太好，加上这个组件确实比较复杂，如果大家有不明白的地方欢迎在评论区里提问。

这两个 API 概念比较简单，但是经常被误用（特别是 useCallback，经常能看到有人动不动就 useCallback），因此这里给大家分享一下这两个 API 的正确使用场景。

众所周知，在 JavaScript 中，Promise 一旦开始后就无法取消了，有时候我们确实需要一种可取消的 Promise。经过对几个比较知名的开源库研究，我学习到了一些 Promise 的“取消”（打上引号表示并不是真的取消了）技术，并分享给大家。

Ant Design 是一个很棒的 UI 库，里面有些组件确实值得学习一下。本篇为 Messge（全局提示）篇。