1、转换为字面量的联合类型
1.1、数字枚举
enum Test1 {
red,
green,
yellow,
}
type KeyTest1 = keyof typeof Test1 // "red" | "green" | "yellow"
type ValTest1 = `${Test1}` // "0" | "1" | "2"
type StrToNum<Str> = Str extends `${infer Num extends number}` ? Num : Str
type NumValTest1 = StrToN...
假设website.com和www.website.com需要绑定一个端口为8888的node应用，api.website.com绑定端口为8887的应用，首先需要将这三个域名解析到服务器ip，然后nginx添加配置内容如下：
server {
listen 80;
listen 443 ssl;
server_name website.com www.website.com;
#SSL-START SSL相关配置
#301-START
if ($host ~ '^www.website.com') {
r...
使用之前别忘了先安装clipboard（npm i clipboard -S）
1、调用方法
this.$store.commit('emitCopy', '复制内容')
2、App.vue文件中
<template>
<div class="app-root">
<router-view />
<!-- 复制面板 -->
<ClipboardPanel ref="clipboardRef" />
</div>
</template>
<script>
...
某日被告知某个系统在低版本火狐浏览器打开时一片空白，要求尽快修复，于是卸载本机firefox，安排上表现异常的版本Firefox 42.0，打开目标系统果然一片空白，然后打开控制台，发现提示如下：
SyntaxError: let is a reserved identifier
嗯，看提示是低版本还不支持let语法，按照经验转成 var 就行，于是给安排上babel-polyfill再加上各种转换折腾了一上午，无果emmm,,,
嗯，看来还是想当然了（手动捂脸）。于是换个思路，从抛错点入手，从控制台中打开抛错的文件，发现该function有添加"u...
1、vuex
不论是父子关系、兄弟关系、层层嵌套关系还是八竿子打不着的关系，都可以使用vuex来进行数据的传递或是做做中间处理。
vuex是vue的状态管理器，存储的数据是响应式的，但是并不会保存起来，刷新之后就回到了初始状态，一般在vuex里数据改变的时候存一份到localStorage或sessionStorage里面（看项目需求），刷新之后，如果localStorage里有保存的数据，取出来再替换store里的state即可。
ps：vuex最简单、最详细的入门文档
2、事件总线EventBus
通过新建一个js文件event...
先记录几个比较可靠的代理IP平台：
猿人云（价格合适，可按量收费，稳定可靠）
快代理（价格略贵，但稳定可靠）
阿布云（还没用过，听说还可以）
先定义targetUrl和proxyUrl如下
const targetUrl = 'https://www.baidu.com/'
const proxyUrl = 'http://proxyUser:proxyPass@proxyHost:proxyPort'
// const proxyUrl = 'http://127.0.0.1:9527'
reques...
首先，将自定义的监听xhr事件的方法override原本的XMLHttpRequest（from:分享JavaScript监听全部Ajax请求事件的方法）
(function () {
if (typeof window.CustomEvent === "function") return false;
function CustomEvent(event, params) {
params = params || {
bubbles: false,
cancelable: false,
detail: undefined
};
var ...
webpack-bundle-analyzer插件用以分析webpack打包之后的结果，在vue-cli3之前是集成到scripts中，然后直接执行命令就行，而在vue cli3中用vue create创建的项目木有这个插件的命令了，查阅官方文档发现这个文档仍然是被集成的，只是需要我们在有需要的时候自己添加相关参数。
官方默认的命令是这样的：
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
那么我们可以执行n...
nvm-windows官方下载地址：https://github.com/coreybutler/nvm-windows/releases
安装成功后在切换node版本时提示如图信息：
一堆乱码毫无头绪，执行命令chcp 65001后再次运行npm use x.x.x
现在能够看到提示的信息为“You do not have sufficient privilege to perform this operation”，翻译成中文即“您没有足够的权限执行此操作”
ok，那么使用管理员身份运行命令面...