Set 和 Map 数据结构

前言

做一个Vue的项目时，遇到频繁切换标签的问题。由于不同标签请求的ajax的结果所需时间不同，点击不同标签时，响应时间最慢的数据会覆盖之前响应的数据，显示数据跟所点击标签不对应。当时为了处理这个问题，没想到好方法，只好控制在点击下一个标签前，必须等前一个标签的结果回来之后进行。

后来做API的统一管理时，看到前人写的axios的interceptor里有CancelToken这样一个东西，查了查资料，发现这个可以取消请求，踏破铁鞋无觅处，刚好可以用来处理之前遇到的频繁切换标签的问题。今作一记录，也好更好的理解这个功能。

述求

点击标签时，取消之前正在执行的请求，使得切换标签时，页面得到的是最后请求的结果，而不是响应最慢的结果。

用法

官方案例

1. 使用 CancelToken.source 工厂方法创建 cancel token，像这样：

使用 Promise

Promise

es6全名是“ECMAScript 6”，因其是ECMASc

写给非专业人士看的 sha  简介

这个文章来源于一个朋友在科学上网的过程中，搞不清楚 sha  的配置问题，在这里我想按照我对 sha 的理解简单梳理一下，以便一些非专业人士也能了解

VPN原理(IP层)

vpn客户端安装后，一旦与我们的vpn服务器建立连接成功，vpn客户端就会在我们的系统中建立一个虚拟的局域网，而且我们的系统中也会多出一个虚拟网卡。

“如何fq”系列：扫盲 VPN fq——以 Hotspot Shield 为例

https://c.runoob.com/front-end/854/

https://regexr.com/

1.document.open()

一、定义和用法

https://www.jyshare.com/ 

https://c.runoob.com/

https://c.runoob.com/search-sites/

https://c.runoob.com/more/svgeditor/

https://c.runoob.com/more/shapefly-diagram/

https://www.suxieban.com/index.html#

https://www.jyshare.com/codedemo/932/ 

https://www.jyshare.com/front-end/61/ 

这是输出流：

前端开发学习：contentType: “application/json” 的理解和应用。

ArrayBuffer

在现有的计算机中，二进制常常以字节数组的形式存在于程序当中。例如在C#里面，就用byte[]，标准C里面没有byte类型，但可以通过typedef把byte定义为unsigned char的别名，效果是一样的。JS设计之初似乎就没想过要处理二进制，对于字节的概念可以说是非常非常的模糊。如果要表达字节数组，那么似乎只能用一个普通数组来表示。

区别：

createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要

nginx转发)

const router = createRouter({ 

   history: createWebHistory(), routes

});

createWebHashHistory路由模式路径带#号：

const router = createRouter({

   history: createWebHashHistory(),  routes

});