为了方便项目的维护，以及规范性，对axios进行必要的封装一、在 utils目录下 创建 auth.js 请求头 token的封装import Cookies from 'js-cookie'
const TokenKey = 'loginToken'
// 获取token
export function getToken() {
return Cookies.get(TokenKey)
Javascript是一种基于对象的语言，但它又没有class。这在很长的一段时间里，对JS的面向对象编程的概念很模糊，在编程的时候时有用到，但要说个所以然，却说不出来，所以看了些书，又在网上查了些资料，写下些总结。一、封装写个对象，将属性（变量），方法写在对象内，这就是封装。如下：我把两个属性封装在函数内。 var Cat = {
name : '',
color : ''
转载
2023-08-09 11:14:28
100阅读
前 言 继承是使用一个子类继承另一个父类，那么子类可以自动拥有父类中的所有属性和方法，这个过程叫做继承！ JS中有很多实现继承的方法，今天我给大家介绍其中的三种吧。 1.在 Object类上增加一个扩展方法 //声明一个父类
function Person(name,age){
this.name=name;
t
转载
2023-09-15 22:45:24
81阅读
写在前面虽然说Fetch API已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装，实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能：无处不在的代码提示；灵活的拦截器；可以创建多个实例，灵活根据项目进行调整；每个实例，或者说每个接口都可以灵
/* 本文件说明：
一、拦截器的封装：可以携带添加token，添加loading等
1. 少见：类的封装：可以创建多个axios实例，例如：const mzRequest1 = new MzRequest(config1) / const mzRequest2 = new MzRequest(config2)
2. 实例的拦截器封装：可以对不同的axios实例，创建该实例特有的拦截器。
转载
2023-07-04 14:41:34
23阅读
摘要在vue中，我们调用接口使用的都是axios，使用之前我们也会进行一定的封装，然后再进行使用。在这里，我们主要说一下axios的实现原理，以及如何使用原生的js来自己封装出一个axios。这里实现出几个主要的方法，包括post请求方法，create配置方法，以及拦截器的方法。1.post方法在我们写方法之前，肯定是要先自己写一个类出来，里面的内容先不用写。 然后再在类的下面写出post的方法：
转载
2023-07-04 14:02:27
45阅读
javascript的相关特性一.、面向对象的三大特性：继承封装多态作为基于对象的语言，js自然可以实现OOP语言的大部分特征。继承：js没有类的概念，自然不能像php那样封装class然后继承最后new对象。但是js的继承却有更多的方式。在此讨论最常用的，也就是基于原型对象原型链继承。在js中，函数对象就相当于类，在函数对象中有一个prototype属性指向了函数对象的原型对象。在函数对象上创建
上节讲了ajax的作用好处即流程为的就是去封装ajax，那......那该怎么封装ajax呢？？？？？？？封装方法，传参是个很大的问题！在这里，我们应该传几个参数呢？ 首先我们肯定要传一个请求方式get或post（method），然而json数据也是必不可少的，其次就是需要传入一个URL路径了，在者就需要一个成功的回调和一个失败的回调了； 如上所示，参数分为（method， json， url
封装：通过将一个方法或者属性声明为私用的，可以让对象的实现细节对其他对象保密以降低对象之间的耦合程度，可以保持数据的完整性并对其修改方式加以约束，这样可以是代码更可靠，更易于调试。封装是面向对象的设计的基石。 尽管JavaScript是一门面向对象的语言，可它并不具备将成员声明为公用或私用的任何内部机制，所以我们只能自己想办法实现这种特性。下面还是通过一套完整的代码去分析，介绍什么是私有属性和方
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈 我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！ 于是我用百度
这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
封装定义：封装就是把抽象出来的数据和对数据 的操作封装在一起，数据被保护在内部，程序的其它部分才能通过授权（方式如内部自己定义函数，如java的get ,set 方法），才能对数据进行操作下面为最通俗易懂的封装了，但这个和java不同，这里只有公开类与私有类<script type="text/javascript">
function Person(name, age
一. 网络请求的选择目前前端中发送网络请求的方式有很多种： 选择一:传统的Ajax是基于XMLHttpReques(XHR)为什么不用它呢?非常好解释, 配置和调用方式等非常混乱.编码起来看起来就非常麻烦.所以真实开发中很少直接使用, 而是使用jQuery-Ajax选择二: Fetch API选择或者不选择它?Fetch是AJAX的替换方案，基于Promise设计，很好的进行了关注分离，有很大一批
转载
2023-08-24 22:29:27
107阅读
书到用时方恨少，事非经过不知难。（陆游）应用场景取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱；导出文件或下载文件时，中途取消 。如何取消请求给构造函数 CancelToken 传递一个 executor 函数作为参数。这种方法的好处是，可以用同一个 cancel token 来
转载
2023-07-04 15:02:17
24阅读
一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档
转载
2023-09-07 19:51:50
125阅读
axios的介绍 在vue项目中，发送请求获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他可以配置拦截请求和响应、取消请求、转换json、客户端防御cSRF等。安装 npm install axios; // 安装axios复制代码引入 一般我会在项目的src目录中，utilis文件夹下创建request.js文件用来封装我们的
我们可能已经用过很多JS插件，比如著名的轮播图插件Swiper.js，滚动条插件iScroll.js等等，用起来非常方便，大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢？我们又该如何DIY一个可以复用的JS插件呢？接下来，我将以图片无缝循环轮播为例，手把手教你封装一个方便复用的原生JS插件。开始之前，我们先看看实现后的具体效果吧 → 图片无缝循环轮播 。一、面向过
抛出一个问题，其实所谓的熟悉原生JS，怎样的程度才是熟悉呢？最近都在做原生JS熟悉的练习。。。用原生Js封装了一个Ajax插件，引入一般的项目，传传数据，感觉还是可行的。。。简单说说思路，如有不正确的地方，还望指正^_^一、Ajax核心，创建XHR对象Ajax技术的核心是XMLHttpRequest对象（简称XHR），IE5是第一款引入XHR对象的浏览器，而IE5中的XHR对象是通过MSXML库中
转载
2023-09-10 14:24:46
105阅读
面向对象的三大特性封装所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之一，是对象和类概念的主要特性。 简单的说，一个类就是一个封装了数据以及操作这些数据的代码的逻辑实体。在一个对象内部，某些代码或某些数据可以是私有的，不能被外界访问。通过这种方式，对象对内部数据提供了不同级别的保护，以防止程序中无关的部分
一、在外部封装js方法在我们平常 有很多个文件使用 同一个方法时 需要在每个页面都需要写入一遍<view class="">{{timeDate1}}</view>
methods: {
getTime() {
let date = new Date()
let year = date.getFu
