token、 axios拦截器等_axios token

token的介绍

概念：访问权限的令牌，本质上是一串字符串

创建：正确登录后，由后端签发并返回

作用：判断是否有登录状态等，控制访问权限

1.token的作用？

判断用户是否有登录状态等

2.token的注意：

前端智能判断token的有无

后端通过解密可以提取token字符串的原始信息，判断有效性

axios请求拦截器

axios请求拦截器：发起请求之前，触发的配置函数，对请求参数进行额外配置

1.什么是axios请求拦截器？

发起请求之前，调用的一个函数，对请求参数进行设置

2.axios请求拦截器，什么时候使用?

有公共配置和设置时，统一设置在请求拦截器中

axios响应拦截器

axios响应拦截器：响应回到then/catch之前，触发的拦截函数，对响应结果统一处理

例如：身份验证失败，同意判断并做处理

1.什么是axios响应拦截器？

响应回到then/catch之前，触发的拦截函数，对响应结果统一处理

2.axios响应拦截器，什么时候触发成功/失败的回调函数？

状态为2xx触发成功回调，其他则触发失败的回调函数

富文本编辑器

富文本：带样式，多格式的文本，在前端一般使用标签配合内联样式实现

富文本编辑器：用于编写富文本内容的容器（使用wangEditor插件）

node.js

定义：node.js是一个跨平台javascript运行环境，是开发者可以搭建服务器端的javascript应用程序。

作用：使用node.js编写服务器端程序

编写数据接口，提供网页资源浏览功能等等

前端工程化：为后续学习Vue和React等框架做铺垫

前端工程化：

开发项目直到上线，过程中继承的所有工具和技术

node.js是前端工程化的基础（因为node.js可以主动读取前端代码内容）

node.js为什么能执行JS？

首先：浏览器能执行js代码，依靠的是内核中的V8引擎（c++程序）

其次：node.js是基于chromeV8引擎进行封装（运行环境）

区别：都支持ECMAScript标准语法，Node.js有独立的API

注意：Node.js环境没有DOM和BOM等

1.node.js是什么？

基于chrome的V8引擎封装，独立执行javascript代码的环境

2.node.js与浏览器环境的js最大区别？

node.js环境中没有dom和bom

3.node.js有什么用？

编写后端程序：提供数据和网页资源等

前端工程化：集成各种开发中使用的工具和技术

4.node.js如何执行代码？

再vscode终端中输入：node xxx.js 回车即可执行

url中的端口号

url：统一资源定位符，简称网址，用于访问服务器里的资源

端口号：标记服务器里不同功能的服务程序

端口号范围：0-65535之间的任意整数 

http协议，默认访问80端口

1.端口号的作用？

标记区分服务器里不同的服务程序

2.什么事web服务程序？

提供网上信息浏览的程序代码

什么是模块化？

CommonJS模块是为Node.js打包javascript代码的原始方式。node.js还支持浏览器和其他javascript运行时使用的ECMAScript模块标准。在Node.js中，每个文件都被视为一个单独的模块。

概念：项目是由很多个模块文件组成的

好处：提高代码复用性，按需加载，独立作用域

使用：需要标准语法导出和导入进行使用

1.nodejs中什么是模块化？

每个文件都是独立的模块

2.模块之间如何联系呢？

使用特定语法，导出和导入使用

3.commonJs标准规定如何导出和导入模块呢？

导出：module.exports = { }

导入：require('模块名或路径')\

4.模块名/路径如何选择?

内置模块，直接写名字。例如：fs、path、http等

自定义模块，写模块文件路径。例如：./utils.js

1.ECMAScript标准规定如何默认导出和导入模块呢？

导出：export default { }

导入：import 变量名 from ‘模块名或路径’

2.如何让node.js切换模块标准为ECMAScript？

运行模块所在文件夹，新建package.json并设置

{"type":"module"}

1.node.js支持那两种模块化标准？

commonJs标准语法（默认）

ECMAScript标准语法

2.ECMAScript标准，命名导出和导入的语法？

导出：export 修饰定义的语句

导入：import {同名变量} from ‘模块名或路径’

3.ECMAScript标准，默认导出和导入的语法？

导出：export default{}

导入：import 变量名 from ‘模块名或路径’

包的概念

包：将模块，代码，其他资料聚合成一个文件夹

包分类：

项目包：主要用于编写项目和业务逻辑

软件包：封装工具和方法进行使用

要求：根目录中，必须有package.json文件（记录包的清单信息）

注意：导入软件包时，引入的默认是index.js模块文件/main 属性指定的模块文件