weixin_62613321的博客

Promise 真的只是用来写 then 吗？async/await 又只是语法糖吗？本文从回调函数的历史问题出发，深入解析 Promise 的状态模型、链式调用与组合 API 的执行机制，并结合规范视角讲清 async/await 的本质。最后通过 ES Module 与顶层 await，说明现代前端中异步初始化应如何设计，帮助你真正理解 JavaScript 的异步模型，而不只是停留在 API 使用层面。

文章首先介绍 axios 实例的创建流程，并说明 baseURL、headers、timeout 等配置项的实际意义与使用规范。随后重点讲解请求与响应拦截器的实现：如何在每次请求中自动注入 token、如何统一处理业务状态码、如何在错误场景下进行全局提示与跳转。文章还补充封装通用的 GET、POST、PUT、DELETE 四类核心方法，并结合 RESTful 规范区分路径参数与查询参数的使用场景，让 API 调用更加整洁明确。最后通过真实接口调用示例展示这些封装在业务代码中的实际应用方式。

本文从前端实际开发场景出发，系统讲解了前端如何阅读接口文档，并结合常见的 GET、POST、PUT、PATCH、DELETE 等请求类型，逐步分析 Query 参数、Header 参数与 Body 参数的使用场景及区别，让读者能够快速理解接口结构与请求方式的关系。在此基础上，文章进一步演示如何封装 Axios，包括创建实例、配置基础路径、注入请求与响应拦截器、统一处理 token、业务状态码与全局错误提示等关键步骤。

本文介绍了异步请求的技术栈层次结构，从底层到上层依次为XHR、Promise、fetch和axios。重点讲解了Promise的基本概念、三种状态（pending、fulfilled、rejected）及其与XHR的结合使用，并演示了如何封装简易axios功能。文章还通过天气预报案例展示了简易axios的具体应用，包括查询参数处理和POST请求实现。这些技术构建了现代Web开发中处理异步请求的基础，帮助开发者编写更清晰、可维护的异步代码。

本文介绍了AJAX的核心原理及XMLHttpRequest对象的使用方法。主要包括：1）XHR的基本使用步骤（创建对象、配置请求、监听事件、发送请求）；2）查询参数处理技巧，通过URLSearchParams对象简化参数拼接；3）两个实际案例：地区查询（带参数请求）和用户注册（设置请求头）。重点讲解了如何将数据对象转换为查询字符串，以及如何通过XHR实现前后端数据交互，并展示了数据渲染的实用技巧。

本文介绍了图书编辑功能的实现过程：1.通过点击编辑按钮显示编辑弹框，并获取当前图书数据回显到表单；2.使用Object.keys()和forEach简化数据回显代码；3.提交修改时通过serialize收集表单数据，调用接口API更新数据后刷新列表。关键点包括：事件绑定处理、数据回显优化、表单数据收集和API调用等前端开发技术。

本文介绍了图书管理系统前端开发的两个核心功能实现： 图书列表渲染：通过axios获取图书数据，使用map遍历数组生成HTML模板字符串，动态渲染到页面表格中。 新增图书功能：利用serialize收集表单数据，提交到服务器保存后，自动刷新列表、重置表单并关闭弹窗。关键代码包括表单序列化、axios POST请求、成功后调用getBooksList()重新渲染，并通过bootstrap.Modal控制弹窗显示/隐藏。整个流程实现了数据的实时展示与交互操作的无缝衔接。