NProgress插件出现在页面的顶部，作为一个进度条，在项目中使用大大优化了用户的体验，一般网站请求接口或者加载一些文件需要使用这种进度条来不断提示用户。

前后端在交互的时候，一般如果后端需要前端返回一个文件类型的数据，在一般情况下，前端会有FormData类型的数据格式来进行数据的传输，来上传文件和数据。FormData主要提供了一种表示表单数据的键值对key/value的构造方式，从命名我们可以得出，FormData是专门为表单传输量身定做的类型，但是FormData的功能要比application/json强的多，使用FormData也可以用来

SSE协议是一种基于http协议的单向通信协议，服务端可以向客户端发送数据，但是客户端不能向服务器发送数据。客户端通过创建一个到服务器的单向连接来监听事件。可以将一次性返回数据包改为流式返回数据。SSE协议支持断线重连，也支持自定义响应事件。比如ChatGpt使用的通信方式就是SSE协议，相比于websocket通信这是一个更为轻量级的通信方式，使用方法简单。

（1）.父传子：通过自定义属性来进行传值(2).在父组件中使用子组件的时候，给父组件添加自定义属性，属性值为传递的数据(3).在子组件通过使用props接受父组件的数据，props值为一个数组，元素是自定义属性(4).在子组件中使用传递的数据时与data数据一样代码示例如下：父组件中:子组件中:二.子传父1.步骤:(1).在父组件中定义修改方法，需要传递的参数(2).在使用子组件

1.盗用cookie，获取用户的敏感信息；2.利用iframe,frame等方式，以用户的身份执行一些管理动作，或者执行一些一般的行为比如说发私信，加好友等；3.在一些访问量极大的页面上进行XSS攻击可以攻击一些小型网站；4.利用一些可被攻击的域或者其它的域信任的特点，以受信任来源的身份请求一些平时不被允许的操作。

在Vue3中，ref()接受一个内部值，它返回的是一个ref对象，这个对象是响应式的，可以更改的，且只有一个指向其内部属性值的属性value。ref()将传入参数的值包装为一个带value属性的ref对象。