什么是OAuth2.0？ OAuth2.0 是一种授权机制，数据的所有者，告知系统同意授权第三方应用进入系统，获取数据，系统从而产生一个进入令牌（token）用来替代密码，供第三方使用 使用场景：常用于获取第三方中的用户资源； 第三方登录 令牌 VS 密码 令牌密码存在周期短，不可以修改可长期存在，可以修改可被管理者撤销一般不允许撤销有利于权限的划…

webpack 打包库和基础库 webpack 打包库和基础库 下面的实例，以求和为例进行打包，会通过 terser-webpack-plugin 插件进行代码的压缩，设置入口文件，并发布到npm上。 创建 src / index.js export default function num(a,b){    return a+…

自动兼容 css 前缀 postcss-loader postcss-preset-env静态资源内联 raw-loader移动端css PX 自动转换为 rem多页面通用打包方案快速定位源码基础包和公共脚本分离tree shaking (摇树优化)scope hoisting代码分割和动态importwebpack集成eslint 自动兼容css…

解析ES6 和 React JSX解析 CSS、Less 和 Sass解析图片和字体文件指纹策略JS、CSS、HTML 代码压缩 解析 ES6 和 React JSX 安装 npm install @babel/core @babel/preset-env babel-loader --save-dev 在 webpack.config.js 文件…

起步entry 的用法output 的用法loaders 的用法plugins 的用法mode 的用法文件监听文件热更新自动删除dist文件夹 起步 npm init -y //构建项目文件npm install webpack webpack-cli --save-dev webpack 默认的配置文件为 webpack.config.js ; …

GET格式参数接收 const router = require('koa-router')()router.prefix('/api')router.get("/list",,async (ctx)=>{    let query = ctx.puery    console.log("参数接收",q…

一、webSocket WebSocket是什么 webSockett是一种网络通信协议。它是html5开始提供了一种在单个tcp连接上进行全双工通信的协议。 为什么需要WebSocket 传统的http协议(无状态的)，每次请求都是由客户端主动发起的。服务端进行处理后返回结果，而服务端很难主动向客户端发送数据;这种客户端是主动方。仅可以满足信息更…

安装 npm install axios qs 封装 axios 创建 axios.js 文件 对 axios进行封装 import axios from "axios"​// 根据环境变量区分接口的默认地址switch (process.env.NODE_ENV) {  case "development":    …

虚拟DOM 用JS对象描述DOM的层次结构，DOM中的一切属性都在虚拟DOM中有对应的属性 优点 可以减少DOM操作。虚拟DOM可以将多次操作合并成一次操作，并且借助DIFF算法把多余的操作省掉跨平台。虚拟DOM不仅可以变成DOM，还可变成小程序、ios、安卓应用，因为他本质是一个JS对象 如下：sanbbdom的虚拟DOM样式 (sanbbdom…

Promise是一个对象，保存着未来将要结束的事件，他有两个特征： 对象的状态不受内部影响，Promise对象代表一个异步操作，有三种状态，pending进行中，fulfilled已成功，rejected以失败，只有异步操作的结果，才可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。一旦状态改变，就不会在变，promise对象状态改变只有两…