🌳 网络请求

在JavaScript中，网络请求指的是从JavaScript代码中向服务器发送请求并接收响应的过程。这是前端开发中的一个核心概念，因为它使得前端应用能够请求、发送和接收数据，从而与后端系统交互。

基础知识

1. XMLHttpRequest（XHR）：
   理解XMLHttpRequest对象的基本用法。
   学习如何创建XHR对象，发送GET和POST请求，处理响应。
   理解同步和异步请求的区别。

2. Fetch API：
   掌握使用Fetch API发送网络请求的方法。
   理解Fetch相比于XHR的优势，例如更简洁的API和基于Promise的结构。
   学习如何处理请求和响应，包括错误处理。

3. Promise和async/await：
   理解Promise概念以及如何在网络请求中使用Promise来处理异步操作。
   掌握使用async和await进行异步编程，提高代码的可读性和维护性。

4. 处理JSON数据：
   学习如何发送和接收JSON格式的数据，以及如何将JSON字符串转换为JavaScript对象，反之亦然。

5. 错误处理和异常捕获：
   掌握如何正确处理网络请求中的错误，包括网络错误、HTTP状态错误等。 理解如何使用try-catch块捕获异常。

6. HTTP协议基础：
   理解HTTP请求和响应的基本结构，包括HTTP方法（GET, POST, PUT, DELETE等）、状态码、头部、主体等。 学习常见的HTTP状态码含义，如200、404、500等。

7. 跨源资源共享（CORS）：
   理解CORS的概念和原因。
   掌握如何处理和解决跨域请求问题。

8. 性能考虑：
   了解如何优化网络请求，例如通过缓存、减少请求次数和大小等方法。

9. 安全性：
   理解网络请求中的安全问题，如XSS（跨站脚本攻击）和CSRF（跨站请求伪造）。 学习如何编写安全的代码来防范这些攻击。

10. 使用API和第三方服务：
    学习如何使用外部API（如社交媒体API、天气信息API等）。
    理解API密钥管理和限制。

Axios.js

Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js环境。它提供了一种简洁的方式来发送HTTP请求，并处理响应。Axios的特点包括从浏览器中创建XMLHttpRequests，从node.js发出http请求，支持Promise API，拦截请求和响应，转换请求和响应数据，取消请求，自动转换JSON数据等。

1. 基本用法：
   发送GET和POST请求，处理返回的promise。配置请求参数、请求头等。

2. 高级特性：
   使用拦截器来处理请求和响应之前的逻辑。使用axios实例来自定义配置。处理并发请求。

3. 错误处理：
   掌握如何捕捉和处理请求过程中的错误。

4. 请求取消：
   理解如何取消正在进行的请求。

5. 数据渲染：
   数据渲染指的是将数据（通常是从后端API获取的）动态地显示在前端界面上。这是前端开发中的一个核心概念，涉及将数据转换成可视化界面元素的过程。使用JavaScript操作DOM来动态添加、修改或删除页面元素。