前端第二次作业

1、什么是ajax，什么是axios？

AJAX与Axios 都是用于在浏览器中发起 HTTP 请求的技术或工具。

AJAX

AJAX 是一种基于现有技术的编程技术，利用 JavaScript、XMLHttpRequest 对象等技术来实现在不重新加载整个网页的情况下，与服务器进行数据交换的技术。主要特点包括：

• 异步通信：可以在不刷新整个页面的情况下，向服务器发送请求并获取数据，实现局部更新。
• 数据格式：传输的数据格式可以是 XML、JSON 等，虽然名称中包含 XML，但实际上 JSON 更为常见。
• 原生实现：使用原生的 JavaScript 和 XMLHttpRequest 对象来实现，需要开发者手动处理各种状态和错误。

AJAX 的优点是能够实现异步通信，提升用户体验，但使用起来相对复杂，需要处理各种浏览器兼容性和异步编程的复杂性。

Axios

Axios 是一个基于 Promise 的 HTTP 客户端，可以在浏览器和 Node.js 环境中使用。它是一个现代化、简洁且功能强大的 HTTP 库，可以更方便地发送异步 HTTP 请求。主要特点包括：

• 简洁易用：提供了简单易用的 API，支持在浏览器和 Node.js 环境中发送 HTTP 请求。
• Promise 支持：基于 Promise 对象实现，可以利用 Promise 的特性处理异步请求，避免了回调地狱。
• 拦截器：提供了请求和响应拦截器，允许在请求或响应被处理前进行额外的操作，如转换请求数据或处理响应错误。
• CSRF 保护：自动处理 CSRF保护，可以简化与后端的集成。

Axios 的流行主要基于它的简单性、功能丰富以及良好的可扩展性，它提供了一个更现代化和友好的方式来处理 HTTP 请求，相对于传统的 XMLHttpRequest 来说，使用起来更为便捷和安全

2、前台项目如何整合axios？

首先，需要安装 Axios 库。你可以通过 npm 或者 pnpm 进行安装：

npm install axios 或者 
pnpm install axios

安装完成后，可以在项目的入口文件中引入 Axios，并进行全局配置或使用。

import axios from 'axios';
axios.defaults.baseURL = 'http://api.example.com';
axios.interceptors.request.use(config => {
    return config;
}, error => {
    return Promise.reject(error);
});
axios.interceptors.response.use(response => {
    return response;
}, error => {
    return Promise.reject(error);
});
import Vue from 'vue';
Vue.prototype.$http = axios;

3、生成主键策略有哪些？什么是uuid？什么是雪花算法 snowflake？

 1.自增长

• 简介： 数据库自动为每条记录分配一个唯一的递增整数。
• 优点： 简单、高效，适合大部分应用。
• 缺点： 分布式环境下可能存在一些问题，无法预先生成主键。

2. UUID（Universally Unique Identifier）

• 简介： UUID 是一种128位长的唯一标识符，通常以32个十六进制数字表示。
• 优点： 全球唯一，不依赖于数据库自增长计数器，适合分布式系统和高并发场景。
• 缺点： 相比自增长，UUID 比较长且不易于人类识别，存储空间较大，性能略逊色于自增长。

3. 雪花算法

• 简介： 雪花算法是 Twitter 开发的一种分布式唯一ID生成算法。
• 结构： 64位整数，分为时间戳、机器ID和序列号三部分组成。
• 优点： 高效生成，保证生成的ID在整个分布式系统内唯一有序，适合大规模分布式系统使用。
• 缺点： 对系统时间敏感，依赖于时钟同步，机器ID需要提前分配。

UUID 和雪花算法的具体解释：

• UUID（Universally Unique Identifier）： 是一种标准化的全局唯一标识符，由网络互联领域的标准和 Internet 工程任务组的 RFC 4122 定义。它的生成算法基于时间戳、计算机的MAC地址和随机数。

• 雪花算法： 是 Twitter 开发的一种分布式唯一ID生成算法。它可以在分布式系统中生成唯一的ID，组成部分包括一个时间戳、机器ID和序列号。时间戳部分精确到毫秒，机器ID和序列号部分保证了在同一毫秒内生成的ID的唯一性。

4、vue的ref和reactive的区别？

ref 用于创建一个响应式引用。它可以包装基本类型数据或者对象，使其成为响应式数据。ref 返回一个包含 .value 属性的对象，该 .value 属性是实际的包装值。

reactive用于创建一个响应式对象。它接收一个普通对象并返回该对象的响应式代理，使其内部属性能够响应数据变化。

• 返回的对象是一个 Proxy，内部属性可以直接访问和修改，无需额外的 .value 属性。
• 适合创建复杂的响应式对象或嵌套结构。