以下是2D坐标转换为2.5D坐标的JavaScript实现方式：

const angleDeg = 15 // 倾角（以度为单位）
const angleRad = (angleDeg * Math.PI) / 180 // 将角度转换为弧度
const x = parseInt(left * Math.cos(-angleRad) - top * Math.sin(-angleRad))
const y = parseInt(top * Math.cos(-angleRad) + left * Math.sin(-angleRad))

自用的Vite创建Vue3项目模板

继续阅读自用的Vite创建Vue3项目模板

Windows为Github SSH单独配置代理

在拉取Github上的代码时，偶尔会遇到中途网络抽风的问题，为了能够成功拉取代码同时不影响其他Git的使用，可以单独为Github SSH配置代理

修改或创建C:\Users\Username\.ssh目录下的config文件，单独为Github SSH配置代理127.0.0.1:7890

ProxyCommand connect -S 127.0.0.1:7890 -a none %h %p

Host github.com
  User git
  Port 22
  Hostname github.com
  # 替换为rsa私钥路径
  IdentityFile "C:\Users\Username\.ssh\id_rsa"
  TCPKeepAlive yes

Host ssh.github.com
  User git
  Port 443
  Hostname ssh.github.com
  # 替换为rsa私钥路径
  IdentityFile "C:\Users\Username\.ssh\id_rsa"
  TCPKeepAlive yes

之后，即可重新执行代码拉取命令

使用Vue-i18n实现项目国际化

断断续续拖更好几天的Vue-i18n笔记他来了吗？如来！

很喜欢郭老师转述维特根斯坦说的话：

维特根斯坦说
这个世界上有语言能说的
叫说清楚
这个世界上也有超出语言
说不明白的
维特根斯坦直接用了俩字
闭嘴

那么如何编写语言包，并用翻译标识说清楚多种语言呢？这是一篇Vue-i18n国际化插件使用的相关笔记

继续阅读使用Vue-i18n实现项目国际化

不使用函数式组件改造Ant Design Vue递归子菜单

Vue.js 组件提供了一个 functional 开关，设置为 true 后，就可以让组件变为无状态、无实例的函数化组件。因为只是函数，所以渲染的开销相对来说较小。

在对使用Ant Design Vue项目的左侧菜单国际化改造时，由于翻译函数$t是挂载在Vue实例上的，而子菜单是通过函数化组件（functional template）递归生成，因此需要将子菜单改成非函数化组件实现。

继续阅读不使用函数式组件改造Ant Design Vue递归子菜单

Nginx反向代理WebSocket配置

在项目部署过程中，经常有利用Nginx将前后端代理到同一个地址的情况，但是当后端有Socket服务时，则需要一些额外的配置。

继续阅读Nginx反向代理WebSocket配置

几种常见的前端反调试方法及突破方式

file
:hushed:前年有段时间沉迷于某H5的大逃杀小游戏~~（闲的）~~，起初也是中规中矩，后来因为存档丢失，遂开启了修改存档的不归路。
最近的版本也更新的新的游戏模式和枪械，原本的小破枪再也不能称霸战局了，想再次修改存档时，发现网页也做了诸多反调试限制，通过一番折腾成功突破，那就以此为例总结下几种前端反调试方法及突破方式。