周末想升级Nuxt到4.4.2版本，结果困难重重。 首先是 Nuxt 所依赖的 Nitro ，在 2.13.1 升级到 2.13.2 的时候，把依赖项 rollup-plugin-visualizer 从 v6 升级到了 v7 。这项更改直接导致了 Nuxt 的最低 Node.js 要求从 20.x 提升到了 22.x 。 于是我切换 Node.js 的版本到 22.x ，发现程序内因为连接被重置导致Mongodb无法连接。于是我又尝试升级到 24.x 发现仍然连接被重置。 上网一查，原来当前 Node.js 不管是 v22.22.2 还是 v24.14.1 ，在 Windows 下都无法正常连接。 相关 issues 地址：https://github.com/meteor/meteor/issues/14246 当我好不容易把 Node.js 切换到没有这个问题的版本之后， Nuxt 又出问题了。 Nuxt 的 @nuxt/vite-builder 依赖项，在 windows 开发模式中无法正确拼接 CSS 地址。 于是作罢，回退版本。 现在搞不懂到底是 windows 的问题还是 windows 不受待见的问题，难道未来真的要将开发和生活分 2 台电脑来完成了吗？

支持深色模式的0.26.0版本的维基萌博客系统发布啦！ 除深色模式，还新增了电影记录功能和评论排序功能，是一个新功能增加比较多的版本。 详见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.26.0 追记：发布后发现还有挺多遗漏的地方，请更新0.26.1版本。 https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.26.1

页面切换更流畅的维基萌博客系统0.24.2版本发布啦！ 为了减少路由跳转导致时的页面抖动，增加了一些过渡动画当作缓冲。 但是因为nuxt3自带的页面切换动画会导致接口被多次调用，于是只能自己手搓了一个，缺点就是动画的时间不能很长，不过目前看着效果还行。 另外有大佬希望能显示当前博客系统的版本，就增加了版本显示，可以在管理后台首页以及博客底部看到。同时为了照顾不想在博客端显示版本号的用户增加了博客端是否显示版本号的选项。 具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.2

想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。 于是经历了一番调查之后发现在Nuxt.js中给页面加上跳转动画pageTransition后，页面和组件的onMounted会被执行2次！？ 相关的Issue在Github上也有人提出：https://github.com/nuxt/nuxt/issues/27442 大致需要满足3个条件才会触发： 1.设置了pageTransition 2.mode设置为out-in 3.页面上有await useAsyncData加载接口内容 感觉有点天坑，这个问题虽然最早是今年6月有人发现的，但是实际上我所用的Nuxt版本是去年年底的版本，也就是说这个bug存在了至少大半年...

综合大佬报告的一些问题，得出了苹果safari默认的视频进度条UI的一些特性（BUG？）。 1.在拖动进度条时，会受到各类Move事件影响，也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。 2.拖动进度条会触发onpause事件，这个在Firefox也有一样的情况，只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮，但是safari这招并不行。 有点难搞，真要为了safari开发一套视频UI吗？😅

猛然发现部分设备或者浏览器会把数字解析成emoji，原因是我把emoji的字体方太前面了，同时设定在前面的字体设备或者浏览器没有，所以只要修改字体顺序和补充字体即可。 不过话说回来，emoji字体为什么还会包含数字呀？

维基萌博客系统v0.2.2可以公开的开发日志

写在博客改版更新后