业务背景

由于国内各大云服务商在 2024 年把免费的 SSL 证书时长从一年变更为3 个月^[1]（应该是源头提供免费 SSL 证书的服务商决定的），所以手动更换域名的 SSL 证书就变得繁琐起来了，尤其是手上有多个域名进行维护的时候，因为免费 SSL 证书都是单域名的。

前言

OneDrive 是微软公司提供的一项云存储服务。用户可以通过 Microsoft 账户注册 OneDrive 后获得一定量的免费存储空间，例如起初通常有 5GB 的免费存储空间。OneDrive 支持多种操作系统，包括 Windows、macOS、iOS、Android 等。用户可以在不同设备上同步文件，并能够通过设置共享链接与他人共享文件。

对我来说Onedrive是一个很不错的云同步工具，我日常用它来进行笔记数据的多端同步，然后搭配Obsidian这类Local First的笔记APP进行使用，就可以安心地在多端进行笔记同步（顺便完成数据的备份）。总得来说，5GB的免费空间对于笔记这类文档资源来说可以用好多年了，且Onedrive的文件同步真的很快速且安全，很少出现同步错误的情况。

Onedrive同样提供了API的方式让开发者去访问授权用户的存储空间，进行存储空间内文件的增删改查相关操作，以便开发集成Onedrive的应用。不过我这里主要是利用Onedrive的API去接入自动化服务，以便可以让自动化服务能够修改特定文件达到个人信息流入口聚合的功能。

虽说这里我使用Onedrive API的目的只是为了访问自身的存储空间，但实际上访问其它授权用户的存储空间也是一样的流程，没有区别。

前言

此文原为对公司内部某个 Vue2应用存在的严重性能问题，进行优化后笔者进行的内部总结文档。个人觉得其中一些分析思路和方法还是值得回味的，且暴露的一些引发性能问题的做法也值得吸取经验，故而现在进行对其中一些数据进行脱敏后进行发布。

某编辑页性能问题表现

• 当 tab菜单切换时会出现肉眼可见的卡顿
• 浏览器页面内存随着切换次数的增长而增长（经测试，最高可占用 3~4G的内存），直至页面崩溃

传统请求库的痛点

传统请求库（如 axios或浏览器的 fetch API）专注于请求本身，这一点上它们的职责其实很专注，在请求这一功能上已经做得挺不错了；不过实际业务和项目中跟请求相关的一些常用的功能，这种请求库通常不会提供，虽说我们可以根据自身业务需求自己抽象出一些常用的功能，形成自己的请求策略库或者类似的工具，但偷懒是人之本性🙈（其实也是为了避免重复造轮子）。

为什么要使用状态机？

如果一个交互只简单地涉及到布尔状态或者是多选一，这类只通过一个状态变量即可确认当前状态的场景确实没必要使用状态机，毕竟无非只是使用if/switch就能简单切换状态。如果一个交互逻辑复杂到需要使用多个状态变量来共同确认具体的状态节点，那么在涉及到状态切换时，对于判断当前具体状态节点的相关工作量就会呈现指数级的增长；