HTTP知识填坑
.note-content {font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",SimSun,Song,sans-serif;}

.note-content h2 {line-height: 1.6; color: #0AA89E;}
.note-content {background: #FFFFFF;}
.note-content h1 {color: #7AB3A7;}
.note-content h3 {color: #147A67;}

HTTP知识填坑

什么是HTTP及相关知识

HTTP就是一种协议,计算机之间要遵守这种协议的规则,彼此之间相互通信,但是现在也不局限于计算机了,手机、电视、冰箱等智能终端都可以。

那么这个协议的使用流程是什么样的?

  1. http客户端发起请求,创建端口
  2. http服务器在端口监听客户端请求
  3. 一旦收到请求,http服务器向客户端返回状态和内容

具体步骤:

  1. 浏览器搜索自身的DNS缓存
  2. 搜索操作系统自身的DNS缓存(浏览器没有找到缓存或缓存已经失效)

如何查看chrome内的dns缓存?

在chrome浏览器地址栏中输入

1.chrome://net-internals/#dns

那么就可以查看你曾经浏览过网站的目录。


  1. 读取本地的HOST文件
  2. 浏览器发起一个DNS的一个系统调用(具体请看之前的 linux网络管理——DNS作用)
  3. 浏览器获得域名对应的IP地址后,发起HTTP “三次握手”
  4. TCP/IP连接建立起来后,浏览器就可以向服务器发送HTTP请求了,使用比如说,用HTTP的GET方法请求一个根域里的一个域名,协议可以采HTTP 1.0的一个协议
  5. 服务器端接受到了这个请求,根据路径参数,经过后端的一些处理之后,把处理后的一个结果的数据返回给浏览器,如果是腾讯的页面就会把完整的HTML页面代码返回给浏览器
  6. 浏览器拿到了腾讯的完整的HTML页面代码,在解析和渲染这个页面的时候,里面的JS、CSS、图片静态资源,他们同样也是一个个HTTP请求都需要经过上面的主要的七个步骤
  7. 浏览器根据拿到的资源对页面进行渲染,最终把一个完整的页面呈现给了用户

其实我们可以把一整个HTTP流程拆分开,拆分开为请求和响应。无论是请求和响应,都会发送http头和正文信息

HTTP头发送的是一些附加的信息:内容类型、服务器发送响应的日期、HTTP状态码

正文就是用户提交的表单数据



通过审查元素能找到耗时,通过分析timing能分析网站加载慢的原因



查看请求状态码跟响应的方法

请求方法:GET(读取数据)、POST(提交数据)、PUT(上传资源)、DELETE(删除)、HEAD、TRACE、OPTIONS…

状态码(返回浏览器,告诉浏览器请求是否成功失败),一般由三位数组成:1xx(表示请求已经接收,进行处理)、2xx(表示请求已经接收,并且成功处理掉了)、3xx(重定向,表示要完成一个请求还需要进一步的操作)、4xx(出现错误,请求有语法错误或者无法实现)、5xx(服务器端无法实现请求)

HTTP填坑的更多相关文章

  1. Android—基于微信开放平台v3SDK,开发微信支付填坑。

    接触微信支付之前听说过这是一个坑,,,心里已经有了准备...我以为我没准跳坑出不来了,没有想到我填上了,调用成功之后我感觉公司所有的同事都是漂亮的,隔着北京的大雾霾我仿佛看见了太阳~~~好了,装逼结束 ...

  2. css 填坑常用代码分享

    以下是常用的代码收集,没有任何技术含量,只是填坑的积累.转载请注明出处,谢谢. 因为提交比较麻烦,后来转置github:https://github.com/jsfront/src/blob/mast ...

  3. 填坑系列:通过ESXi来配置IPMI

    近日西安的天气很不错,可是看到从其他地方迁移来的主机在新环境下无法远程调试怪郁闷的,这就需要填坑,要不就会给后来者挖更大的坑. 今天遇到的坑是在IPMI的网络设置里面启用了VLAN标签之后,在新环境下 ...

  4. Node学习笔记(四):gulp+express+io.socket部署angularJs2(填坑篇)

    这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angular ...

  5. 【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程

    Maybe 这个问题很简单,因为解决方法是非常简单,但填坑过程会把人逼疯,在阿里云ONS工作人员.同事和朋友的协助下,经过一天的调试和瞎捣鼓,终于解决了这个坑,把问题记下来,也许更多人在碰到类似问题的 ...

  6. 【填坑向】spoj COT/bzoj2588 Count on a tree

    这题是学主席树的时候就想写的,,, 但是当时没写(懒) 现在来填坑 = =日常调半天lca(考虑以后背板) 主席树还是蛮好写的,但是代码出现重复,不太好,导致调试的时候心里没底(虽然事实证明主席树部分 ...

  7. windows下jenkins常见问题填坑

    没有什么高深的东西,1 2天的时间大多数人都能自己摸索出来,这里将自己遇到过的问题分享出来避免其他同学再一次挖坑. 目录 1. 主从节点 2. Nuget自动包还原 3. powershell部署 4 ...

  8. bootstrap-table填坑之旅<一>认识bootstrap-table

    应公司需求,改版公司ERP的数据显示样式.由于前期开发的样式是bootstrap,所以选bootstrap-table理所当然(也是因为看了bootstrap-table官网的example功能强大, ...

  9. 填坑*** WARNING L15: MULTIPLE CALL TO SEGMENT

    填坑*** WARNING L15: MULTIPLE CALL TO SEGMENT 警告:发生了重入! 解释:在主循环里调用了一个函数,而在中断服务中又一次调用了同样的函数.当主循环运行到该函数中 ...

  10. React Native填坑之旅--Stateless组件

    Stateless component也叫无状态组件.有三种方法可以创建无状态组件. 坑 一般一个组件是怎么定义的: 很久以前的方法: const Heading = createClass({ re ...

随机推荐

  1. VB中后台打开Excel文件实现代码

    某些时候需要打开Excel文件来获取或者写入数据,但又不希望跳出打开的Excel文件窗口,可以用下面的代码: Dim eb As New excel.Application, wb as excel. ...

  2. perl install module && normal module

    Windows: perl -MCPAN -e shell install  XML::GDOME   Archive::Zip 后面继续更新... Archive usage: $obj = Arc ...

  3. 动态创建分页 LINQ+EF

    public class Message { public int MessageId { get; set; } public string MessageTitle { get; set; } p ...

  4. 用gson 解 json

    1.json 简单介绍 轻量级数据存储传输文件,比xml精简. 2.Gson简单介绍 android中解json方式很多,比较常用json-lib  goole-Gson. json-lib要包含的包 ...

  5. 图片和提交servlet的相对和绝对路径

    xx.jsp在根目录下,图片的路径为:<img height="33" src="images/enter.gif" width="148&qu ...

  6. docker 创建新的镜像到私有仓库

    docker:/data# docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES bd6db4127a9e centos &q ...

  7. 利用代码改变世界 #AzureDev

    毫无疑问,开发人员是 //build/ 2013 的主角.开发人员是我们这个行业的心脏和灵魂,我们很感谢他们所做的一切.在 Satya Nadella 走上讲台发表第 2 天的主题演讲之前,我们播放了 ...

  8. 优步北京B组(8月10日-8月16日奖励规则)

    奖励政策: [优步北京B组] 定义为2015年7月20日前激活的部分司机(以优步后台数据显示为准) 滴滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机( ...

  9. Struts 2.3.4.1完整示例

    [系统环境]Windows 7 Ultimate 64 Bit [开发环境]JDK1.6.21,Tomcat6.0.35,MyEclipse10 [其他环境]Struts2.3.4.1 [项目描述]S ...

  10. react-native component function

    examples: use: