一、HTTP请求的过程
想象用浏览器打开imooc.com网站,HTTP走过的环节:
1.首先,是对imooc.com域名解析,
(1.1)浏览器搜索浏览器自身的DNS缓存。
(1.2)如果浏览器没有找到自身的DNS缓存或之前的缓存已失效,那么浏览器会搜索操作系统自身的DNS缓存。
(1.3)如果操作系统的DNS缓存也没有找到,那么系统会尝试在本地的HOST文件去找。
(1.4)如果在HOST里依然没有找到,浏览器会发起一个DNS的系统调用,即一般向本地的宽带运营商发起域名解析请求。这后面又可以试情况分很多步骤,第一,宽带运营商服务器会首先查看自身的缓存,看是否有结果,如果没有,那么运营商服务器会发起一个迭代DNS解析请求(根域,顶级域,域名注册商),最终会返回对DNS解析的结果。运营商服务器然后把结果返回给操作系统内核(同时也缓存在自己的缓存区),然后操作系统把结果返回给浏览器。
(1.5)以上的最终结果,是让浏览器拿到imooc.com的IP地址,DNS解析完成。
2.然后,在浏览器获得域名的IP地址后,发起“三次握手”,建立TCP/IP连接。
3.在TCP/IP连接建立起来后,浏览器就可以向服务器发送HTTP请求了。比如,用HTTP的GET方法请求一个根域里的某个域名,协议可以采用HTTP 1.0 。
4.服务器端接受这个请求,根据路径参数,经过后端的一些处理之后,把处理后的一个结果以数据的形式返回给浏览器,如果是imooc.com网站的页面,服务器就会把完整的HTML页面代码返回给浏览器。
5.浏览器拿到了imooc.com这个网站的完整HTML页面代码,在解析和渲染这个页面的时候,里面的Javascript、CSS、图片等静态资源,它们同样也是一个个HTTP请求,都需要经过上面的步骤来获取。
6.浏览器根据拿到的资源对页面进行渲染,最终把一个完整的页面呈现出来。
可以简单地把http拆分成请求和响应,然后他们都有http头和正文信息
二、HTTP请求的八种请求方法
1、get 获取或者读取数据,最常用
2、post 向指定的资源去提交数据
3、put修改、更新内容
4、head和get一样,只不过是不用传递全部的请求格式。
5、delete删除请求服务器删除某个资源
6、trace
7、options
三、HTTP请求状态码及请求延迟
时间字段解析
1、请求状态码status code
1XX表示请求已经接受正在处理,
2XX请求接受,已经处理完毕 ,
3XX重定向
4XX 有语法错误,客户端错误
5XX 服务器端的错误
200 客服端请求成功
400 客户端请求语法错误 401请求没有经过授权 403 拒绝提供服务 是因为没有权限等等 404 没找到 有可能输入的URL地址错误
500 服务器 发生错误 503 服务器端当前还不能处理客户端请求 可能需要过一段时间
2、请求延迟时间
Stalled: 等待时机,浏览器要发生请求,到能发出请求的时间。不包括DNS查询和连接建立时间
Proxy negotiation: 代理协商的时间
Request sent 请求时间。从请求报文的第一个字节发出,到最后一个字节发送完毕的时间
Waiting(TTFB) 请求发出后至收到第一个字节响应的时间
Content Download 从接收到响应第一个字节开始到最后一个字节结束花费的时间
四、HTTP事件回调及相关概念解析
Nodejs中http模块不解析请求的具体内容,只分离出请求头和请求体
1、什么是回调函数?
回调是异步编程时的基础,将后续逻辑封装成起始函数的参数,逐层嵌套
2、什么事同步/异步?
同步:发送方发送数据后,等待接收方发回响应以后才发下一个数据包的通讯方式
异步:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式
3、什么事I/O?
磁盘的写入(in)磁盘的读取(out)
4、什么是单线程/多线程?
一次只能执行一个程序叫做单线程
一次能执行多个程序叫做多线程
5、什么是阻塞/非阻塞?
阻塞:前一个程序未执行完就得一直等待
非阻塞:前一个程序未执行完时可以挂起,继续执行其他程序,等到使用时再执行
6、什么是事件?
一个触发动作(例如点击按钮)
7、什么是事件驱动?
一个触发动作引起的操作(例如点击按钮后弹出一个对话框)
8、什么是基于事件驱动的回调?
为了某个事件注册了回调函数,但是这个回调函数不是马上执行,只有当事件发生的时候,才会调用回掉函数,这种函数执行的方式叫做事件驱动~这种注册回掉就是基于事件驱动的回调,如果这些回调和异步I/O(数据写入、读取)操作相关,可以看作是基于回调的异步I/O。只不过这种回调在nodejs中是有事件来驱动的
9、什么是事件循环?
事件循环Eventloop,倘若有大量的异步操作,一些I/O的耗时操作,甚至是一些定时器控制的延时操作,它们完成的时候都要调用相应的回调函数,而从完成一些密集的任务,而又不会阻塞整个程序执行的流程,此时需要一种机制来管理,这种机制叫做事件循环
总而言之,管理大量异步操作的机制叫做事件循环
EventLoop:
回调函数队列,异步执行的函数会被压入这个队列;队列被循环查询。
五、HTTP源码解读
1、什么是作用域?
与调用函数,访问变量的能力有关。
作用域分为:局部和全局(在局部作用域里可以访问到全局作用域的变量,但在局部作用域外面就访问不到局部作用域里面所设定的变量)
2、什么是上下文?
与this关键字有关,是调用当前可执行的代码的引用,this总是指向调用这个方法的对象
js里的this通常是当前函数的拥有者
this是js的一个关键字,代表函数运行时自动生成的一个内部对象,只能在函数内部使用
3、作为对象的方法
this在方法内部,this就指向调用这个方法的对象
4、函数的调用
this指向执行环境中的全局对象(浏览器->window nodejs->global)
5、构造函数
this所在的方法被实例对象所调用,那么this就指向这个实例对象
更改上下文方法(更改this指向的内容,可方便地实现继承):
call(list); apply(array);
根据call()、apply()改变上下文this指向的特性,也可以方便实现继承
this的指向:
(1)在对象中调用this,this指向的是该对象 var pet={words="...",speak= function(){console.log(this.words)}
(2)在函数中调用this,默认指向的是全局对象 function pet(words){this.words=words;console.log(this.words)}
(3)构造函数中,this指向的是新构建的对象 function Pet(words){this.words=words,this.speak=function(){console.log(this.words)}}
使用call改变上下文方式一
创建call_apply.js文件,使用call 改变上下文,代码如下
// 声明一个pet对象
var pet = {
words: '...',
// 声明一个speak方法
speak: function(say){
console.log(say + ' ' + this.words);
console.log(this);
}
}
// 调用pet中的speak方法
// pet.speak('Speak');
// 声明一个dog对象
var dog = {
words: 'Wang'
}
// 将pet.speak的this指向了dog,改变了执行上下文
pet.speak.call(dog,'Speak');
以上代码执行结果如下:
终端命令:
$ node call_apply.js
Speak Wang
{ words: 'Wang' }
使用call改变上下文方式二
创建call_apply_extend.js文件,使用call 改变上下文,代码如下
// 声明一个pet函数
function Pet(words){
// 将words赋值给this.words属性
this.words = words;
// 声明一个speak方法
this.speak = function(){
// 调用this中的this.words
console.log(this.words);
console.log('Pet:' , this);
}
}
// 声明一个Dog方法
function Dog(words){
// 将Pet的this指向了Dog
// Dog中并没有speak方法,通过call方法将Pet中speak方法指向了Dog中,使Dog也能够调用speak方法
Pet.call(this,words);
console.log('Dog:' , this);
// Pet.apply(this,arguments);
}
// 创建一个实例对象
var dog = new Dog('Wang');
// 调用speak方法
dog.speak();
以上代码执行结果如下:
$ node call_apply_extend.js
Dog: Dog { words: 'Wang', speak: [Function] }
Wang
Pet: Dog { words: 'Wang', speak: [Function] }