双 token 机制关于**“双 token 机制”**指的是使用户的登录状态在活跃期间保持有效的一种安全机制。一般需要用户登录的系统为了校验用户的身份或登陆状态，会在用户登录时由服务器生成一个存储了或指向用户信息的 token，返回给客户端存储，这个 token 称为 access_token。在请求其它接口的时候将 access_token 发送给服务器（通过 Header 或 Cookie）

模块联邦概述模块联邦（Module Federation）是 Webpack 5 中新增的一项功能，可以实现跨应用共享模块。以下图为例：在 A 应用中有一个 sayHelloFromA 方法，在 B 应用中有一个 sayHelloFromB 方法。如果要实现在 A 应用中调用 B 应用中的 sayHelloFromB 方法，在 B 应用中调用 A 应用的 sayHelloFromA 方法，这种跨应

JavaScript有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。运行时的概念可视化描述Stack(栈)、Frame(帧)，Heap(堆)、Object(对象)、Queue(队列)、Message(消息)栈 Stack函数调用形成了一个由若干 帧(Frame) 组成的 栈(Stack)。function foo(b) {let a =...

Monorepo 方式组织项目代码开发一个组件库，其中可能会有很多的组件。当组件库开发完毕后，还要发布到NPM或私有仓库供其他人使用。在使用 ElementUI 的时候，可以完整的引入，也可以根据需要按需引入部分组件以减少打包的体积。按需引入还需要安装Babel的插件babel-plugin-component，配置.babelrc，比较麻烦。组件库为了让用户使用方便，可以把每一个组件作为一个单独

Plop 基于模板生成组件基本结构当每个包的结构确定之后，就可以基于模板生成一个组件的基本结构，不需要每次手动配置相应的设置。可以使用 Plop 实现这个功能。安装 plopyarn add plop -D -W编写模板在根目录创建 plop_template/component 文件夹存放组件模板文件。复制一份写好的组件到这个目录进行修改：|- __tests__||- component.te

Yarn workspaces介绍workspaces 是工作区的意思。下面是一个简单的 monorepo 的组件库项目结构，每个组件都依赖了一些第三方模块：|- package.json|- packages||- button|||- package.json # 依赖lodash 4||- form|||- package.json # 依赖lodash 4||- formitem|||-

用户登录页面添加登录接口// src\api\common.ts// 公共基础接口封装import request from '@/utils/request'import { DemoData, LoginResponse } from '@/api/types/common'export const demo = () => {return request<DemoData>

前端在向服务器 API 发送请求时一般会设置一个超时时间，避免超过期望时间的持续等待。以 Axios 为例，一般会设置 timeout 请求超时选项。但是浏览器判断超时并不是这么简单。搭建环境express + axios 搭建 web 服务。在项目目录下安装依赖：npm i express axios添加文件：// start.jsconst express = require('express

正则表达式 边界

认识 ServerlessSeverless：云计算的下一个十年Severless 国外发展较早，比较有代表性的是亚马逊和谷歌，而在国内，腾讯和阿里都将 Serverless 定义为集团战略型项目，不遗余力的推广和研发自己的 Serverless 技术。Serverless 是一种后端架构技术，更准确的说，它应该是一种后端架构的概念或者思维。Serverless 本身和前端没有任何关系，但它却是前