求滚动条的滚动距离 function getScrollOffset() {<!-- --> if (window.p
转载
2022-04-13 18:53:02
158阅读
1.request.js 函数封装 2.注：向后台传递数组的方法 需要在qs的方法中设置它的indices为false即可，如： .
转载
2018-07-08 23:53:00
164阅读
2评论
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈 我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！ 于是我用百度
这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
我们可能已经用过很多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阅读
用过jQuery的都知道，jQuery中有提供了一个动画方法，那就是animate方法。这个函数的关键在于指定动画形式及结果样式属性对象。
原创
2022-11-23 00:06:22
93阅读
引言：在React项目开发的过程中，怎么减少代码冗余，提供代码质量，加强代码的可维护性，都是我们经常要考虑的问题。接下来，我会用HOC、Render Props、Hook这三种方式，示范一些常用的组件封装的技巧一、HOC（高阶组件）高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式
一、原生JS Ajax请求1.传统方法的缺点？ A：传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽，由于每次应用的交互
ajax定义Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。（用来向后台数据库请求获取数据的技术） 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的...
原创
2020-04-21 17:59:14
121阅读
ajax定义Ajax 即“Asynchronous Javascript
原创
2020-04-21 17:59:14
26阅读
小莫碎碎念小莫第一次写技术博客无甚经验，望诸位大神和小白同僚莫要见怪，鉴于希望小莫日后能不忘初衷，每篇博客开头都有雷打不动的常设模块“小莫碎碎念”，关注技术的同僚可以绕过，这个模块基本没什么有用的，咳咳。小莫最近在做的项目中用了ng2-bootstrap，经常会用到tooltip，但bootstrap的tooltip有一个缺憾，就是在鼠标悬浮在tip上的时候tip就消失了了，bootstrap的解
# 原生JS Axios封装请求教程
作为一名刚入行的开发者，你可能对如何使用原生JavaScript进行Axios封装请求感到困惑。本文将为你提供一个详细的教程，帮助你理解并实现这一功能。
## 流程概览
首先，让我们通过一个表格来概览整个封装请求的流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 安装Axios库 |
| 2 | 创建一个封装函数 |
| 3 |
文章目录封装1. AJAX 请求封装2. jQuery 中的 AJAX2.1. $.ajax2.2. $.get2.3. $.post2.4. 全局事件处理案例：正在加载中2.5. jQuery其他ajax操作函数3.综合案例：子页面局部加载进度条插件：nprogressindex.htmlcart.htmlorders.html封装1. AJAX 请求封装函数就可以理解为一个想要做的事情，函数体中约定了这件事情做的过程，直到调用时才开始工作。将函数作为参数传递就像是将一个事情交给别人，这就是委托的
原创
2021-01-27 16:32:40
607阅读
有时候在做开发的时候，会用到js但是做的页面却不能引用jQuery，担心会和别的jQuery版本冲突。所以就自己封装一个原生的ajax来使用 。function ajax(options) {
options = options || {};
原创
2016-06-14 17:43:07
1309阅读
点赞
2评论
工作原因，好久没更新博客了，今天来个用原生js写轮播图，
转载
2022-04-13 14:59:58
146阅读
原生js实现动画函数的封装及核心原理 一、动画实现原理 核心原理：通过定时器setInterval()不断移动盒子的位置 二、实现步骤 1、获得盒子当前的位置 2、让盒子在当前位置加上移动的距离（步长） 3、注意元素需要添加定位，才能使用element.style.left 4、利用定时器不断重复这 ...
转载
2021-07-13 10:55:00
168阅读
1. ajax的介绍 1.1 含义 ajax 的全称是Asynchronous JavaScript and XML简单理解下:ajax就是异步的js和服务端的数据 1.2 组成 异步的js:事件,对象等 其他js:数据处理和解析的js 服务器的载体:xhr对象 服务端的数据:json,xhr,ht
转载
2020-12-12 14:40:00
121阅读
2评论
一、封装原生的xhr为ajax类 xhr以及用法见之前的文章 1、根据url确定请求的头部以及别的信息。 2、根据参数信息中的信息，确定请求的方法以及请求的参数 3、打开xhr并且根据头部头部以及其他信息设置，发送 4、实现链式编程：在每个函数的结尾return this; 5、实现完成后执行回调
转载
2018-11-14 14:54:00
179阅读
2评论
JS中常用的封装函数4种方法：1. 函数封装法：function box(){
}2. 封装成对象 ：let Cookie = {
get(){
},
set(){
}
}3. 封装成构造函数：funct
转载
2023-06-09 14:44:39
1124阅读
