上午无意间打开了下自己的微信小程序，发现首页报错“接口数据异常”，用电脑打开对应 API 之后发现是 Redis 出现问题报错 OOM command not allowed when used memory > 'maxmemory'，导致 PHP 打印出错误信息的字符串了（敲重点）。

那么这个时候就有两个问题需要解决了，首先是如何修复 Redis 的这个错误，其次是如何在代码中捕获错误，让 PHP 不再以字符串的形式打印错误。

第一个问题大概就是内存满了，默认只有 122M，我看了下其实存的大多数都是「网易云 API」的数据，网上查了一波资料给的建议就是切换数据淘汰算法，删除一些不常使用的数据，这里我选用的是 LFU，删除最不常用的，扩展就不考虑了，毕竟服务器本身内存就小...

• 应用启动：OOM command not allowed when used memory > 'maxmemory'

vim /usr/local/redis/etc/redis.conf

:/maxmemory
maxmemory-policy allkeys-lfu
:wq

redis-cli shutdown

第二个问题我是使用了 PHP 的 set_exception_handler 函数解决的，函数本身接受一个参数为 Exception 对象的函数，只要 echo 包含错误信息的 JSON，在接口的相关位置调用一下就可以了，就是这代码写的有点烂吧，在这里不做详细讨论了。

解决完问题之后打算给前端做一些细节功能，想到之前 @Innei 给当前播放的歌曲做了一个进度条的效果，遂考虑加入一个展示“正在播放该歌曲”的效果。由于此前的播放按钮使用了 SVG + 伪元素的形式插入（因为那个编号也是 CSS 伪元素做的），于是想着能不能做一个动态的 SVG 并且插入进去。

最后就整了一个这样的 Demo，但是发现经过 SVGO 压缩后 rect 标签被压缩成 path 标签，导致该动画失效，发了个 推 吐槽，目前还没找到 Nuxt 打包层面可以解决的办法... 不经过打包器的话就只能放在 public 目录下，感觉怪怪的。

• 中午完成了崩铁的世界任务“天才群星闪耀时”，总算解锁了新周本

  • 哪个不断分身的虫子确实难打，但主要攻击还是最大那只才行

• 下午的工作，把支持多种 LLM 和多语言 Prompt 的字幕翻译功能整了个测试版

  • 还专门针对处理了下可能出错的场景，增加一定的回退机制（变成机翻）

• 晚上按照约定清理了一下周同学的电脑，各种应用在电脑上拉屎的行为也很常见

  • 它们大多数是软件自动更新后残留在 C 盘用户文件夹下，时间跨度都有一年多，只能手动清除
  • 果然重装系统才是对抗残留垃圾最好的解决方案啊

• 紧接着快速推进小窝新版 Nuxt 前端的上线计划

  • 主要是切换目录，调整 Nginx 配置，清除缓存，以及替换多个项目里面的一些硬编码
  • 其中 Nginx 配置我目前是将原先 /upload 和 后台的地址设定了另外的 root 目录
  • 也就是旧版网站的文件夹路径，这样不用 Nuxt 转发请求，理论上效率是更高的
  • 以及 acme.sh 脚本的路径需要注意一下，小窝之前调整过 root 目录
  • 因此脚本生成 .well-known 的路径也需要做修改，防止 SSL 证书续签失败
  • 当然，鉴于历史遗留原因，你也依旧可以访问 旧版网站

今天在公司做的事情是继续看 Glarity 项目的代码，以及研究谷歌翻译 API 的调用和对现有插件逻辑的接入，前者直接参考竞品的请求数据就完了，后者还需要重构业务代码，因为之前他们写的逻辑是面向过程单一的获取 YouTube 字幕，其中部分逻辑需要提炼出来复用。

晚上写了一阵子 Nuxt，主要遇到两个问题。一个是原先代码设计的问题，不能用 React 思维写 Vue，服务器执行一次 defineComponent 函数之后客户端就不会再执行了，如果数据需要转换，要么修改 useFetch 增加 transform 调整，要么使用 computed 格式化数据。

const state = reactive({
  data: [],
  months: [],
});

const { data } = await useFetch<API.Response<API.Note.INoteTimelineData[]>>(`/api/note/timeline`, {
  query,
});

// 👎 只会在服务器执行一次
if (data.value) {
  const [notes, months] = parseTimeline(data.value.data);

  state.data = notes;
  state.months = months;
}

// 👍 客户端和服务端都会正常执行渲染
const computedData = computed<IComputedData>(() => (
  data.value ? parseTimeline(data.value.data) : [[], []]
));

第二个问题是改为 Nuxt 渲染之后才出现的问题，发现我日记页动态插入的“时间轴”链接按钮消失了。

onBeforeMount is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.

主要是组件变成了 async 的，需要等待服务器端获取数据才渲染组件，这个警告的意思就是遇到 await 的 Hooks 之前就得先执行这个 Hooks，否则 onBeforeMount 的内容就不会执行。把代码改成下面的次序就可以解决问题。

// 我封装的 Hooks，里面有一个 onBeforeMount 的调用
useAction();

// Nuxt 的数据请求 Hooks
const { data } = await useFetch();