悲伤沙拉

Vimium C - 摆脱鼠标使用键盘操控 Chrome

最近组了把 HHKB 配列的键盘，对 VIM 挺感兴趣的，尝试在 VSCode 和 WebStorm 上试了试，操作起来还是有些困难不太习惯，接着刷到了「vimium 成神之路-键盘党的胜利」...

NVM - 对 NodeJS 进行版本管理

介绍NVM：Node Version Manage，即 Node 的版本管理工具。使用 NVM，可以很方便地在多个NodeJS 版本之间进行切换。

Day.js 使用记录

Day.js 是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。 安装

解决 Vue3 + Vite 打包部署空白页

最近在部署 Vue3 项目时遇到了部署完成但是无法正常访问的问题。 整理一下逻辑，部署到宝塔后，首先根目录是可以正常访问的，但是将文件放在类似于 /about 这样的子目录就会白屏，首先考虑了一下是静态文件的路径出错了，检查了一下，默认是指向

数组方法

记录一些 JavaScript 常用的数组方法，以及参考例子。

LeanCloud 国际版迁移国内节点记录

从8月开始，咕言就出现了访问没数据的问题，一番排查下来无果。

直到我看到了控制台内的公告：「2022 年 8 月起，国际版共享域名不再向中国大陆提供服务」。

这才意识到，LeanCloud 的国际版直接停止了国内 IP 的请求，LeanCloud 我谢谢您。

解决的方案无非就是迁移回国内或者换一家国内的数据存储方案，或者自己写后端进行一番改造。

那么本着万物皆摸的原则！肯定是工作量越少越好，果断选择直接搬回国内！！！

右键快捷使用 WebStorm 打开项目

首先使用 Win+R 打开运行窗口，键入 regedit 打开注册表编辑器。

找到路径 HKEY_CLASSES_ROOT\Directory，在这个目录内找 sell。

H5 调起第三方地图软件（百度、腾讯、高德）

新的需求，项目为 H5 嵌入 App，需要让 H5 能直接调起第三方地图软件实现目标地点的导航。

食用方法很简单，直接跳转相应的 URL 即可，不过 H5 无法判断用户是否安装了相应的地图 App。

区分用户端环境

1
2
3
4
5
6
7

let ua = navigator.userAgent.toLowerCase()
if (ua.indexOf('like mac os x') > -1) {
    this.OS = 'IOS'
}
if (ua.indexOf('android') > -1) {
    this.OS = 'Android'
}

VSCode 使用代码片段快捷生成 Vue3 模板

习惯了 Webstorm 快捷的代码模板，而 VSCode 默认是没有 Vue3 代码模板的，无法愉快的食用 Vue3，那就扒贴自己创建一个模板！

创建模板：

1. 界面右上角「文件」-> 「首选项」-> 「配置用户代码片段」-> 「新建全局代码片段文件」-> 键入vue3.json 回车。

2. 进行一个copy，具体模板自由发挥。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

{
	// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	// Example:
	// "Print to console": {
	//  "prefix": "log",
	//  "body": [
	//    "console.log('$1');",
	//    "$2"
	//  ],
	//  "description": "Log output to console"
	// }
	"Print to console": {
		"prefix": "vue3",
		"body": [
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script setup lang='ts'>",
			"$1",
			"</script>",
			"",
			"<style scoped lang='stylus'>",
			"</style>"
		],
		"description": "Log output to console"
	}
}

使用 Crypto.js 实现 AES 加密解密

新的需求，前后端通信需要将数据加密后再传输，敲定了使用 AES。

安装：

1
2

npm install crypto-js
npm install --save @types/crypto-js

参数：

1.AES加密算法，ECB & CBC。

2.32位秘钥key（通过给定秘钥取md5值获得），”123456”。

3.16位初始向量iv，秘钥key的md5值前16位。

4.加密数据，”123456789”。