这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
转载
2023-10-19 11:53:17
87阅读
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈 我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！ 于是我用百度
转载
2023-12-21 16:14:44
49阅读
# 原生 JS 封装 Axios
在现代前端开发中，进行HTTP请求是一个非常常见的需求，其中Axios作为一个轻量级的HTTP客户端库，因其简单易用和强大的功能而受到广泛欢迎。然而，在某些场景中，我们可能希望基于原生JavaScript来封装Axios，以更好地理解其工作原理或满足特定的业务需求。本文将带您详细了解如何用原生JS封装Axios，并提供相关示例代码。
## 什么是 Axios？
抛出一个问题，其实所谓的熟悉原生JS，怎样的程度才是熟悉呢？最近都在做原生JS熟悉的练习。。。用原生Js封装了一个Ajax插件，引入一般的项目，传传数据，感觉还是可行的。。。简单说说思路，如有不正确的地方，还望指正^_^一、Ajax核心，创建XHR对象Ajax技术的核心是XMLHttpRequest对象（简称XHR），IE5是第一款引入XHR对象的浏览器，而IE5中的XHR对象是通过MSXML库中
转载
2023-09-10 14:24:46
129阅读
我们可能已经用过很多JS插件，比如著名的轮播图插件Swiper.js，滚动条插件iScroll.js等等，用起来非常方便，大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢？我们又该如何DIY一个可以复用的JS插件呢？接下来，我将以图片无缝循环轮播为例，手把手教你封装一个方便复用的原生JS插件。开始之前，我们先看看实现后的具体效果吧 → 图片无缝循环轮播 。一、面向过
转载
2023-12-18 15:32:08
85阅读
# 原生JS Axios封装请求教程
作为一名刚入行的开发者，你可能对如何使用原生JavaScript进行Axios封装请求感到困惑。本文将为你提供一个详细的教程，帮助你理解并实现这一功能。
## 流程概览
首先，让我们通过一个表格来概览整个封装请求的流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 安装Axios库 |
| 2 | 创建一个封装函数 |
| 3 |
原创
2024-07-30 10:01:19
105阅读
本篇将详细讲解 原型链继承、借助构造函数继承（call方法继承）、组合式继承、寄生组合继承、class类继承一、原型链继承原型链继承，就是给子类构造函数赋一个显示原型，利用原型链进行链式查找，再将子类显示原型的constructor指向子类的构造函数，这个是因为在之前更改了显示原型，为了保证原型链的完整性，再将constructor指回去，就是只能拿到父类的公有属性和方法，也就是原型链上
转载
2024-09-22 18:58:50
56阅读
一、原生JS Ajax请求1.传统方法的缺点？ A：传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽，由于每次应用的交互
转载
2023-12-19 22:19:45
86阅读
# 如何在原生 JavaScript 中引入封装的 Axios
近年来，越来越多的开发者倾向于使用 Axios 进行 HTTP 请求，因为它的封装使得网络请求更加简洁和易于管理。本篇文章将指导你如何在原生 JavaScript 中引入封装的 Axios 库，包括相关的流程和代码示例。
## 整体流程
为了清晰地阐明内容，我们将整个过程细分为几个步骤，具体如下表所示：
| 步骤 | 描述
前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。该怎样架构？对于架构这个概念，接触的比较少，我的
接触vue已经很长时间，也经常使用axios，但是原生封装的方法都很难满足日程开发的需求，所以这期就写一下axios的封装。底部有完整代码1.前期准备创建一个js文件，命名自定。我这里定义为request.jsimport axios from 'axios' //导入原生的axios
import qs from 'qs'; //导入qs,做字符串的序列化，为了后面不同的场景使用
转载
2024-03-11 13:04:00
134阅读
# 原生cdn axios封装教程
## 整体流程
为了实现“原生cdn axios封装”，我们需要按照以下步骤进行操作：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 引入axios CDN |
| 步骤二 | 创建axios实例 |
| 步骤三 | 设置axios实例基本配置 |
| 步骤四 | 封装请求方法 |
## 操作步骤
### 步骤一：引入axio
原创
2024-06-29 05:37:09
38阅读
这是目录一、从STM官网找元件1.选择好要所需元件，可以从立创上找，可以直接获取元器件的数据手册，节约找元件和找数据手册的时间。2.打开STM32官网，直接搜索STM32G031G8根据对应自己使用环境选择对应的文件，比如AD，同时也可包含3D封装。4.解压下载文件，解压出来的文件有两个，一个是3d封装.step文件，另一个是AD的文件。直接打开文件选择加载文件就可以得到对用的元件封装封装
转载
2024-02-06 22:07:39
13阅读
方法一：（类似jQuery的封装方法）1、ajax函数封装：1 /*
2 *author: Ivan
3 *date: 2014.06.01
4 *参数说明：
5 *opts: {'可选参数'}
6 **method: 请求方式:GET/POST,默认值:'GET';
7 **url: 发送请求的地址, 默认值: 当前页地址;
8 **
转载
2024-09-11 07:15:20
46阅读
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 的探秘之旅
在现代前端开发中，HTTP 请求的处理是不可避免的，而 Axios 是一个广泛使用的 JavaScript 库，为我们提供了方便、灵活的请求方式。今天，我们将探讨如何封装 Axios，以便更好地满足项目需求，并简化我们的代码。
## 什么是 Axios？
Axios 是一个基于 Promise 的 HTTP 客户端，用于在浏览器和 No
# 基于 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
81阅读
