(Ajax)axios源码简析(三)——请求与取消请求

2018-08-29
阅读 5 分钟
3.6k
传送门: axios源码简析(一)——axios入口文件 axios源码简析(二)——Axios类与拦截器 axios源码简析(三)——请求与取消请求 请求过程 在Axios.prototype.request中我们看到,要先通过请求拦截器,才能进行请求。下面看一下dispatchRequest()是如何实现的 {代码...} 如果用户有在配置中传入adapter,将使用defaults.adap...

(Ajax)axios源码简析(二)——Axios类与拦截器

2018-08-27
阅读 4 分钟
3.3k
传送门: axios源码简析(一)——axios入口文件 axios源码简析(二)——Axios类与拦截器 axios源码简析(三)——请求与取消请求 Axios.prototype.request Axios类的构造函数: {代码...} Axios.prototype.request方法是Axios类原型方法中的重中之重。 {代码...} 在分析Axios.prototype.request中拦截器与请求相关代码之前,...

(Ajax)axios源码简析(一)——axios入口文件

2018-08-27
阅读 3 分钟
2.6k
传送门: axios源码简析(一)——axios入口文件 axios源码简析(二)——Axios类与拦截器 axios源码简析(三)——请求与取消请求 axios简介 axios是时下最流行的http请求库,可以用于浏览器环境与nodejs环境。目前axios的最近版本是0.18.0,本文所分析的源码也是该版本。 axios的主要特征包括: 在浏览器环境创建xhr请求 在n...

(Ajax) 浅谈 JSONP 的原理与实现

2016-10-21
阅读 3 分钟
10.4k
一、什么是JSONP 1.1 同源策略 如果两个页面拥有相同的协议,端口(如果指定),和主机,那么这两个页面就属于同一个源。同源策略分为: DOM同源策略:禁止对不同源页面DOM进行操作 XMLHttpRequest同源策略:禁止向不同源的地址发起HTTP请求由此可见,Ajax禁止跨域。 1.2 JSONP的原理 JSONP是JSON with Padding的简称,...

(DOM) offsetHeight、clientHeight 与 scrollHeight

2016-10-16
阅读 1 分钟
3.9k
offsetHeight:包括内容可见部分的高度,border,可见的padding,水平方向的scrollbar(如果存在);不包括margin。

(DOM) HTMLElement 中的 offset- 属性

2016-10-15
阅读 2 分钟
8.1k
HTMLElement.offsetParent是一个只读属性,返回一个指向最近的(指包含层级上的最近)包含该元素的定位元素。如果没有定位的元素,则offsetParent为最近的table元素对象或根元素(标准模式下为html;quirks模式下为body)。当元素的 style.display设置为none时,offsetParent返回null。offsetParent很有用,因为offsetTo...

(CSS) px,pt,em,rem的区别

2016-10-05
阅读 2 分钟
6.5k
绝对长度单位代表一个物理测量,当输出介质的物理性质是已知的,如用于打印布局。这是通过将一个单元锚定到一个物理单元,并将其定义为相对于它的另一个。对于低分辨率的设备,如屏幕、高分辨率设备,如打印机,该锚定是不同的。

(jQuery) jQuery中的事件与动画(上)

2016-09-12
阅读 4 分钟
2k
$(document).ready()方法注册的事件处理程序,在DOM完全就绪时就可以被调用,但是,这并不意味着这些元素关联的文件都已经下载完毕,如果脚本中要获取图片的长度与宽度等属性,请不要用此方法。

(CSS) 带有右侧边栏的响应式页面的CSS样式

2016-06-26
阅读 5 分钟
3.9k
当窗口宽度大于700px时,随着窗口大小的变化,div.right-bottom的width与height固定不变,div.left-top的width与height自动调整。

(CSS) 不同浏览器对table中visibility属性显示的不同

2016-05-25
阅读 2 分钟
4.2k
本文举例说明在不同浏览器对table中visibility属性显示的不同。 一、HTML代码 {代码...} 二、不同浏览器的表示 选取了Chrome、FireFox、Edge、IE11分别测试,下文所有图片从左至右顺序均如前所述。 2.1 在border-collapse: collapse;情况下,隐藏thead元素 {代码...} 显示结果如下图: 可以看出,Chrome把边框隐藏了,但...

(JavaScript) 合并数组的方法

2016-05-21
阅读 2 分钟
4.5k
concat方法将创建一个新的数组,然后将调用它的对象(this指向的对象)中的元素以及所有参数中的数组类型的参数中的元素以及非数组类型的参数本身按照顺序放入这个新数组,并返回该数组。concat方法并不修改调用它的对象(this指向的对象)和参数中的各个数组本身的值,而是将他们的每个元素拷贝一份放在组合成的新数组中...

(JavaScript) this的用法

2016-05-20
阅读 2 分钟
3.7k
一、全局范围 {代码...} 全局范围中的this将会指向全局对象,即window。 二、普通函数调用 {代码...} this指向全局对象,即window。严格模式时,为undefined。 三、作为对象的方法调用 {代码...} this指向person对象,即当前对象。 四、作为构造函数 {代码...} 函数内部的this指向创建的对象。 五、闭包(内部函数) {代...