悲伤沙拉

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”。

微信小程序 IOS 端输入框提示存储密码的解决方法

由于 IOS 系统「自动填充密码」这个功能是默认开启的，在小程序的登录页面，当填写完账号密码的 input 框光标离开后，选择不存储的话，有一定几率登录的 button 按钮会无反应。

MATX 全开放机箱记录

起因是午休的时候刷到了肯老师介绍了这款炫酷吸尘器（机箱，想要尝试一下组装的手感以及具体的效果。 正好最近在帮儿子嵩维护他九代平台的机器，在威逼（征得同意后，先进行一个零件的购。 原配置： CPU：I5-9400F G...

uni-app 实现汉字按拼音首字母排序

索引列表页面需要利用首字母区分字段，后端没返回，那么前端来做。 首先找一个现有的轮子：https://github.com/xinglie/pinyin。