AkiraZ's blog

Vite 默认打包结果比较现代，有一定概率产生 js 的语法兼容性问题。Vite 默认在build.target中处理结果的目标版本。但是经观察似乎只会处理用户代码，并不会处理依赖中的不兼容问题，所以需要额外配置来做转换。这里的解决方案是使用@vite/plugin-legacy插件。

安装

1

npm install "@vitejs/plugin-legacy@4" -D

依赖大版本需要与vite大版本保持一致，本文假定vite@^4。

为什么需要 php-fpm

MediaWiki 默认使用 Apache 服务器，由于我的服务器上已经有了 Nginx，所以打算直接用 Nginx 转发。但是如果直接转发就会发现，访问index.php时会变成文件下载而不是网页，所以需要在 Nginx 中转发给 php-fpm，让 php-fpm 处理成 Html。

时代变了，ESLint 更新到9.x之后，废弃了部分对格式的规则，只保留了对语法的校验。所以如果需要 ESLint 自动化格式，需要安装额外的插件以及配置。

本文适用 eslint >= 9.0.0
本文包括 vue + typescript 的配置

安装

参考package.json配置

1
2
3
4
5
6
7
8
9
10
11
12

{
  "devDependencies": {
    "@eslint/js": "^9.16.0",
    "@stylistic/eslint-plugin": "^2.11.0",
    "@vue/eslint-config-typescript": "^14.1.4",
    "eslint": "^9.16.0",
    "eslint-plugin-vue": "^9.32.0",
    "globals": "^15.13.0",
    "typescript": "~5.6.2",
    "typescript-eslint": "^8.17.0"
  }
}

最近习惯用使用休眠关闭机器，但机器总是莫名其妙就被不知名硬件唤醒了，于是查了些指令在这记一下

可以唤醒系统的设备列表

1

powercfg -devicequery wake_armed

会列出所有可以唤醒系统的设备，之后去设别管理器，右键电源管理关闭。

抓出过很多内鬼，包括键盘鼠标甚至包括 xbox 手柄无线接收器

查看上次唤醒系统的设备

1

powercfg -lastwake

Sass 是流行的 CSS 的拓展语言，用过的工具有 sass、node-sass 和 sass-loader，相互之间有联系，配置的时候又经常遇到问题。简单总结一下。

sass 和 node sass

这两放在一起，因为都是 sass 编译工具。从本质上提供了对 sass 语法以及各类特性的支持。

CodeMirror 是一款网页中的代码编辑器，能提供例如高亮、缩进、行号、自动补全、语法检查等基础功能

https://codemirror.net/

图标库地址 https://iconify.design/，集合了市面上众多知名图标库，如 FontAwesome, Material Design Icons, Ionicons 等。

本质 SVG 图标，支持动态导入

v-model语法糖能够实现 Vue 中父组件与子组件之间的双向数据绑定。

很惊讶地发现在最近的 Vue 版本中又得到了更新，似乎变得好用了些。

Vue 3.4+

1
2
3
4
5
6
7
8
9
10
11
12

<!-- Child.vue -->
<script setup>
  const model = defineModel();

  function update() {
    model.value++;
  }
</script>

<template>
  <div>parent bound v-model is: {{ model }}</div>
</template>

1
2

<!-- Parent.vue -->
<Child v-model="count" />

使用宏 defineModel()来产生一个双向绑定的变量。

如果是多个变量：

• 使用 defineModel('foo')与 defineModel('bar')
• 使用 v-model:foo="val1"与 v-model:bar="val2"

忘记了 mysql root 账号的密码，查了一下命令，记录一下。

其中 mysql 配置文件应人而异

最近生产上遇到了一些问题，报错 .finally() is not a function.

核心问题是浏览器版本过低，Chrome 内核版本 60。查表发现，从 63 才开始支持 finally() 语法。所以需要一点转换组件。