Javascript是一种基于对象的语言，但它又没有class。这在很长的一段时间里，对JS的面向对象编程的概念很模糊，在编程的时候时有用到，但要说个所以然，却说不出来，所以看了些书，又在网上查了些资料，写下些总结。一、封装写个对象，将属性（变量），方法写在对象内，这就是封装。如下：我把两个属性封装在函数内。 var Cat = {
name : '',
color : ''
转载
2023-08-09 11:14:28
132阅读
为了方便项目的维护，以及规范性，对axios进行必要的封装一、在 utils目录下 创建 auth.js 请求头 token的封装import Cookies from 'js-cookie'
const TokenKey = 'loginToken'
// 获取token
export function getToken() {
return Cookies.get(TokenKey)
转载
2024-04-08 23:22:13
58阅读
前 言 继承是使用一个子类继承另一个父类，那么子类可以自动拥有父类中的所有属性和方法，这个过程叫做继承！ JS中有很多实现继承的方法，今天我给大家介绍其中的三种吧。 1.在 Object类上增加一个扩展方法 //声明一个父类
function Person(name,age){
this.name=name;
t
转载
2023-09-15 22:45:24
126阅读
# JavaScript 封装 Axios 的实践
在前端开发中，数据请求是不可避免的，而 Axios 作为一个流行的 HTTP 客户端库，因其易用性和丰富的功能而被广泛应用。但在实际项目中，直接使用 Axios 可能导致代码重复、冗余，因此封装 Axios 成为一种良好的实践。本文将介绍如何有效地封装 Axios，并带有代码示例和类图。
## 一、为什么要封装 Axios？
封装 Axio
# 基于 Axios 的 JS 网络请求封装
在现代 Web 开发中，AJAX（Asynchronous JavaScript and XML）是一项基本技术，允许网页异步与服务器进行交互。随着 JavaScript 的发展，很多优秀的网络请求库应运而生。而 Axios 是其中一个非常流行的选择。本篇文章将带你了解如何封装 Axios，使其更好地服务于你的项目。我们将通过实例代码和序列图来详细阐
原创
2024-09-29 03:32:29
53阅读
# 如何实现 JS Axios 封装
在现代前端开发中，使用 HTTP 请求获取数据已经成为了常见的需求。而 Axios 是一个非常流行的用于发起 HTTP 请求的库，它使得请求变得非常简洁和可控。在这篇文章中，我将向你介绍如何封装 Axios，方便你在项目中重复使用。
## 整体流程概述
首先，我们来看看实现 Axios 封装的整体步骤：
| 步骤编号 | 步骤描述
原创
2024-10-27 05:52:24
68阅读
# JavaScript 封装 Axios 的探秘之旅
在现代前端开发中，HTTP 请求的处理是不可避免的，而 Axios 是一个广泛使用的 JavaScript 库，为我们提供了方便、灵活的请求方式。今天，我们将探讨如何封装 Axios，以便更好地满足项目需求，并简化我们的代码。
## 什么是 Axios？
Axios 是一个基于 Promise 的 HTTP 客户端，用于在浏览器和 No
写在前面虽然说Fetch API已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装，实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能：无处不在的代码提示；灵活的拦截器；可以创建多个实例，灵活根据项目进行调整；每个实例，或者说每个接口都可以灵
转载
2024-07-03 22:48:38
32阅读
/* 本文件说明：
一、拦截器的封装：可以携带添加token，添加loading等
1. 少见：类的封装：可以创建多个axios实例，例如：const mzRequest1 = new MzRequest(config1) / const mzRequest2 = new MzRequest(config2)
2. 实例的拦截器封装：可以对不同的axios实例，创建该实例特有的拦截器。
转载
2023-07-04 14:41:34
26阅读
摘要在vue中，我们调用接口使用的都是axios，使用之前我们也会进行一定的封装，然后再进行使用。在这里，我们主要说一下axios的实现原理，以及如何使用原生的js来自己封装出一个axios。这里实现出几个主要的方法，包括post请求方法，create配置方法，以及拦截器的方法。1.post方法在我们写方法之前，肯定是要先自己写一个类出来，里面的内容先不用写。 然后再在类的下面写出post的方法：
转载
2023-07-04 14:02:27
65阅读
javascript的相关特性一.、面向对象的三大特性：继承封装多态作为基于对象的语言，js自然可以实现OOP语言的大部分特征。继承：js没有类的概念，自然不能像php那样封装class然后继承最后new对象。但是js的继承却有更多的方式。在此讨论最常用的，也就是基于原型对象原型链继承。在js中，函数对象就相当于类，在函数对象中有一个prototype属性指向了函数对象的原型对象。在函数对象上创建
转载
2023-10-15 06:29:59
79阅读
# 原生 JS 封装 Axios
在现代前端开发中，进行HTTP请求是一个非常常见的需求，其中Axios作为一个轻量级的HTTP客户端库，因其简单易用和强大的功能而受到广泛欢迎。然而，在某些场景中，我们可能希望基于原生JavaScript来封装Axios，以更好地理解其工作原理或满足特定的业务需求。本文将带您详细了解如何用原生JS封装Axios，并提供相关示例代码。
## 什么是 Axios？
封装和信息隐藏为对象创建私用成员是任何面向对象语言中最基本和有用的特性之一。通过将一个方法或属性声明为私用的，可以让对象的实现细节对其他对象保密以降低对象之间的耦合程序，可以保持数据的完整性并对其修改方式加以约束。在代码有许多人参与设计的情况下，这也可使代码更可靠、更易于测试。简而言之，封装是面向对象的设计基石。尽管javascript是一种面向对象语言，它并不具备用以将成员声明为公用或私用的任何
[常用的前端JavaScript方法封装]1、输入一个值，返回其数据类型function type(para) {
return Object.prototype.toString.call(para)
}
复制代码2、数组去重function unique1(arr) {
return [...new Set(arr)]
}
function unique2(arr) {
上节讲了ajax的作用好处即流程为的就是去封装ajax，那......那该怎么封装ajax呢？？？？？？？封装方法，传参是个很大的问题！在这里，我们应该传几个参数呢？ 首先我们肯定要传一个请求方式get或post（method），然而json数据也是必不可少的，其次就是需要传入一个URL路径了，在者就需要一个成功的回调和一个失败的回调了； 如上所示，参数分为（method， json， url
转载
2024-09-06 23:34:49
50阅读
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈 我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！ 于是我用百度
转载
2023-12-21 16:14:44
49阅读
这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
转载
2023-10-19 11:53:17
87阅读
封装定义：封装就是把抽象出来的数据和对数据 的操作封装在一起，数据被保护在内部，程序的其它部分才能通过授权（方式如内部自己定义函数，如java的get ,set 方法），才能对数据进行操作下面为最通俗易懂的封装了，但这个和java不同，这里只有公开类与私有类<script type="text/javascript">
function Person(name, age
转载
2024-07-24 22:52:04
15阅读
一. 网络请求的选择目前前端中发送网络请求的方式有很多种： 选择一:传统的Ajax是基于XMLHttpReques(XHR)为什么不用它呢?非常好解释, 配置和调用方式等非常混乱.编码起来看起来就非常麻烦.所以真实开发中很少直接使用, 而是使用jQuery-Ajax选择二: Fetch API选择或者不选择它?Fetch是AJAX的替换方案，基于Promise设计，很好的进行了关注分离，有很大一批
转载
2023-08-24 22:29:27
132阅读
书到用时方恨少，事非经过不知难。（陆游）应用场景取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱；导出文件或下载文件时，中途取消 。如何取消请求给构造函数 CancelToken 传递一个 executor 函数作为参数。这种方法的好处是，可以用同一个 cancel token 来
转载
2023-07-04 15:02:17
78阅读
