广树管理员
2025-04-20 19:04
@小彦：啊，我和大佬一样，也非常喜欢三目童子，是童年记忆最深刻的作品之一。
导航
萌即是正义！时不时分享一些ACG活动记录与有趣代码的小站！
侧边栏
攻略中
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩1个月27天
乘坐的列车，划破夜空，飞驰在星空之下，令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中，我邂逅了随性的乘客，可人怜爱的乘务员。以及……猫耳少女？这场旅行，究竟会在她身上，留下了些什么呢？
PSN奖杯卡
分类：博客开发
想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在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存在了至少大半年...
想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在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存在了至少大半年...
维基萌博客系统更新到了v0.19.1。
具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.1
补充：
被群内大佬指出了几个小BUG，临时加更了v0.19.2。
具体内容：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.2
维基萌博客系统更新到了v0.19.1。
具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.1
补充：
被群内大佬指出了几个小BUG，临时加更了v0.19.2。
具体内容：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.2
解决并记录因为加载顺序导致flex布局出现画面抖动的笔记
最近在浏览维基萌的时候发现了一个因为加载顺序导致的flex布局抖动现象，想着挺有意思的就记录一下解决思路和方案。
解决并记录因为加载顺序导致flex布局出现画面抖动的笔记
应大佬们的要求给博客加上了“自定义HTML”的功能，可以在侧边栏加上各种奇奇怪怪的HTML小组件了。
应我自己的要求给博客加上了“今日热门文章”的功能，可以直观的展现哪些是维基萌当前热门的内容。
应大佬们的要求给博客加上了“自定义HTML”的功能，可以在侧边栏加上各种奇奇怪怪的HTML小组件了。
应我自己的要求给博客加上了“今日热门文章”的功能，可以直观的展现哪些是维基萌当前热门的内容。
综合大佬报告的一些问题，得出了苹果safari默认的视频进度条UI的一些特性（BUG？）。
1.在拖动进度条时，会受到各类Move事件影响，也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。
2.拖动进度条会触发onpause事件，这个在Firefox也有一样的情况，只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮，但是safari这招并不行。
有点难搞，真要为了safari开发一套视频UI吗？😅
综合大佬报告的一些问题，得出了苹果safari默认的视频进度条UI的一些特性（BUG？）。
1.在拖动进度条时，会受到各类Move事件影响，也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。
2.拖动进度条会触发onpause事件，这个在Firefox也有一样的情况，只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮，但是safari这招并不行。
有点难搞，真要为了safari开发一套视频UI吗？😅
博客系统积攒了一波更新，推了一个新版本，具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.18.1
话说我最近才知道原来loli.net这个用来镜像的域名已经不大好使了，反而谷歌的fonts.googleapis.com域名好使了？
博客系统积攒了一波更新，推了一个新版本，具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.18.1
话说我最近才知道原来loli.net这个用来镜像的域名已经不大好使了，反而谷歌的fonts.googleapis.com域名好使了？
捣鼓了一圈视频播放器，试了video.js和DPlayer，感觉都不大适合，还是浏览器默认的最适合😂。
捣鼓了一圈视频播放器，试了video.js和DPlayer，感觉都不大适合，还是浏览器默认的最适合😂。
猛然发现部分设备或者浏览器会把数字解析成emoji，原因是我把emoji的字体方太前面了，同时设定在前面的字体设备或者浏览器没有，所以只要修改字体顺序和补充字体即可。
不过话说回来，emoji字体为什么还会包含数字呀？
猛然发现部分设备或者浏览器会把数字解析成emoji，原因是我把emoji的字体方太前面了，同时设定在前面的字体设备或者浏览器没有，所以只要修改字体顺序和补充字体即可。
不过话说回来，emoji字体为什么还会包含数字呀？
博客增加了可以在后台自定义添加CSS样式的功能，这样一些小的自定义样式就可以不用编译实现，增加了拓展性。
于是就小改了博客样式，PC版左下角加了会动的砂糖❤，有谜之立体感🕶️。
动图是由AI生成的，感觉挺有意思的，也一起分享了吧。
https://www.leiapix.com/
博客增加了可以在后台自定义添加CSS样式的功能，这样一些小的自定义样式就可以不用编译实现，增加了拓展性。
于是就小改了博客样式，PC版左下角加了会动的砂糖❤，有谜之立体感🕶️。
动图是由AI生成的，感觉挺有意思的，也一起分享了吧。
https://www.leiapix.com/
博客新增了阅读记录的功能，至此ACGN的记录和活动记录功能全部完成啦！
同时，增加了文章底部插入相关作品的功能和在博文中查看活动详情的功能，算是功能闭环了👏。
新增的阅读页面地址：https://www.wikimoe.com/page/books
博客新增了阅读记录的功能，至此ACGN的记录和活动记录功能全部完成啦！
同时，增加了文章底部插入相关作品的功能和在博文中查看活动详情的功能，算是功能闭环了👏。
新增的阅读页面地址：https://www.wikimoe.com/page/books
博客新增【活动】页面，可以通过这个页面查看我比较在意的活动信息时间线，方便安排出行游玩计划👏。
https://www.wikimoe.com/page/event
博客新增【活动】页面，可以通过这个页面查看我比较在意的活动信息时间线，方便安排出行游玩计划👏。
https://www.wikimoe.com/page/event
博客新功能，游戏记录页面公开！
https://www.wikimoe.com/page/games
博客新功能，游戏记录页面公开！
https://www.wikimoe.com/page/games
博客对最新评论展示做了一个字符裁切，没想到如果正好遇到裁切点是emoji的时候会报错。问题是由于 JavaScript 中的字符串是由 UTF-16 编码的字符组成的，而 emoji 通常由两个 UTF-16 字符组成。当尝试裁剪字符串时，如果裁剪位置恰好在一个 emoji 的中间，那么就会得到一个无效的字符，从而导致错误。
博客对最新评论展示做了一个字符裁切，没想到如果正好遇到裁切点是emoji的时候会报错。问题是由于 JavaScript 中的字符串是由 UTF-16 编码的字符组成的，而 emoji 通常由两个 UTF-16 字符组成。当尝试裁剪字符串时，如果裁剪位置恰好在一个 emoji 的中间，那么就会得到一个无效的字符，从而导致错误。
Element Plus 这次强行重构了Select 选择器还是有点太激进了，出现了太多和原先式样上的不同，升级后能发现问题还算好的，就怕哪些功能变了但是没注意到，导致无法使用。但是如果不升级吧，2.4.x的版本又存在卡死和内存泄漏等诸多问题（虽然这和vue版本的升级有关），升级了就又存在前面Select 选择器的问题🥲。
Element Plus 这次强行重构了Select 选择器还是有点太激进了，出现了太多和原先式样上的不同，升级后能发现问题还算好的，就怕哪些功能变了但是没注意到，导致无法使用。但是如果不升级吧，2.4.x的版本又存在卡死和内存泄漏等诸多问题（虽然这和vue版本的升级有关），升级了就又存在前面Select 选择器的问题🥲。