为什么需要字面量类型、联合类型、枚举类型

假设我们有一个接口结构，描述了响应的消息结构

ts
interface Res {
  code: number;
  status: string;
  data: any;
}

大多数情况下code 与 status 实际值会来自于一组确定值的集合

比如：

• code 可能是 0 / 200 / 10000 等
• status 可能是 ‘success’ / "failure" 等

但是上面的类型标注太宽泛了，我们既不能在访问 code 时获得精确的提示，也失去了 TypeScript 类型即文档的功能。

这时就需要更精确的字面量类型、联合类型、枚举类型，提供精确地取值标注

例如，我们可以使用字面量类型、联合类型将上面的例子标注的更清楚

ts
interface Res {
  code: 10000 | 10001 | 50000;
  status: "success" | "failure";
  data: any;
}

基础数据类型标注

原始类型的类型标注

JavaScript的内置原始类型，在 TypeScript 中它们都有对应的类型注解

ts
const name: string = 'linbudu';
const age: number = 24;
const male: boolean = false;
const undef: undefined = undefined;
const nul: null = null;
const obj: object = { name, age, male };
const bigintVar1: bigint = 9007199254740991n;
const bigintVar2: bigint = BigInt(9007199254740991);
const symbolVar: symbol = Symbol('unique');

vscode 插件

类型自动补全 TypeScript Importer

这一插件会收集你项目内所有的类型定义，在你敲出:时提供这些类型来进行补全。如果你选择了一个，它还会自动帮你把这个类型导入进来。

scrollbar 相关样式属性

// 滚动条设置
::-webkit-scrollbar {
    width: 10px; /*y轴上的滚动条宽度*/
    height: 10px; /*x轴上滚动条高度*/
}
::-webkit-scrollbar-track {
    border-radius: 3px; /*滚动条的背景区域的圆角*/
    background-color: #fdf8f5; /*滚动条的背景颜色*/
}
::-webkit-scrollbar-thumb {
    border-radius: 3px; /*滚动条的圆角*/
    background-color: #ccc; /*滚动条的背景颜色*/
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(46, 86, 159);
}
::-webkit-scrollbar-thumb:active {
    background-color: rgb(46, 86, 159);
    cursor: pointer;
}

frp 简介

项目地址

frp是一款基于Go语言开发的高性能、灵活的反向代理软件，可用于将内网服务暴露给公网或者实现内网穿透。它支持多种协议（如HTTP、HTTPS、TCP和UDP等），可以在不修改应用程序或网络配置的情况下实现内网穿透。

frp的核心思想是通过一个中转服务器实现内网穿透，这个中转服务器可以是自己搭建的，也可以是由frp提供的公共服务器。frp客户端会将本地服务（如Web服务器、SSH服务器等）与中转服务器进行对接，然后将外部请求转发到内网服务上，从而实现内网穿透。

frp还提供了丰富的功能和配置选项，例如：

• 支持TCP/UDP流量转发
• 支持HTTP/HTTPS反向代理
• 支持自定义域名和证书
• 支持多用户身份验证方式
• 支持多种代理模式（如HTTP、Socks5等）
• 支持文件传输和远程命令执行等高级功能