输入一个url的变化过程

1、输入地址

2、浏览器查找域名的IP地址。这一步包括DNS具体的查找过程，Socket 发送数据

3. 浏览器给web服务器发送一个HTTP请求（1.通过访问的域名找出其IP地址2.TCP/TP三次握手3.进入tomcat后如何处理的4.TCP/IP四次挥手）

4. 网站服务的永久重定向响应.浏览器跟踪重定向地址 现在，浏览器知道了要访问的正确地址，所以它会发送另一个获取请求。

5. 服务器“处理”请求，服务器接收到获取请求，然后处理并返回一个响应。

6. 服务器发回一个HTML响应（（如dns查询，tcp/ip链接，五层因特网协议栈等等）

7. 浏览器开始显示HTML（页面的渲染过程 http1 http2）

8. 浏览器发送请求，以获取嵌入在HTML中的对象。在浏览器显示HTML时，它会注意到需要获取其他地址内容的标签。这时，

9.浏览器会发送一个获取请求来重新获得这些文件。这些文件就包括CSS/JS/图片等资源，这些资源的地址都要经历一个和HTML读取类似的过程。所以浏览器会在DNS中查找这些域名，发送请求，重定向等等…

1，url--->一个完整的URL包括以下几部分：

强缓存与弱缓存

缓存可以简单的划分成两种类型：强缓存（200 from cache）与协商缓存（304）

区别简述如下：

• 强缓存（200 from cache）时，浏览器如果判断本地缓存未过期，就直接使用，无需发起http请求
• 协商缓存（304）时，浏览器会向服务端发起http请求，然后服务端告诉浏览器文件未改变，让浏览器使用本地缓存

对于协商缓存，使用Ctrl + F5强制刷新可以使得缓存无效

但是对于强缓存，在未过期时，必须更新资源路径才能发起新的请求

协议部分：

该URL的协议部分为“http：”，这代表网页使用的是HTTP协议。在Internet中可以使用多种协议，如HTTP，FTP等等本例中使用的是HTTP协议。在"HTTP"后面的“//”为分隔符

 HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。

　　HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。

　　HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。

HTTPS和HTTP的区别主要如下：

　　1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。

　　2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。

　　3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。

　　4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。

HTTPS的优点:　

（1）使用HTTPS协议可认证用户和服务器，确保数据发送到正确的客户机和服务器；

　　（2）HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全，可防止数据在传输过程中不被窃取、改变，确保数据的完整性。

　　（3）HTTPS是现行架构下最安全的解决方案，虽然不是绝对安全，但它大幅增加了中间人攻击的成本。

HTTPS的缺点:

(1)HTTPS协议握手阶段比较费时，会使页面的加载时间延长近50%，增加10%到20%的耗电；

　　（2）HTTPS连接缓存不如HTTP高效，会增加数据开销和功耗，甚至已有的安全措施也会因此而受到影响；

　　（3）SSL证书需要钱，功能越强大的证书费用越高，个人网站、小网站没有必要一般不会用

b.域名部分：

该URL的域名部分为“www.aspxfans.com”。一个URL中，也可以使用IP地址作为域名使用

 

c.跟在域名后面的是端口，

域名和端口之间使用“:”作为分隔符。端口不是一个URL必须的部分，如果省略端口部分，将采用默认端口80

 

d.从域名后的第一个“/”开始到最后一个“/”为止，是虚拟目录部分。

虚拟目录也不是一个URL必须的部分。本例中的虚拟目录是“/news/”

 

e.从域名后的最后一个“/”开始到“？”为止，是文件名部分，

如果没有“?”,则是从域名后的最后一个“/”开始到“#”为止，是文件部分，如果没有“？”和“#”，那么从域名后的最后一个“/”开始到结束，都是文件名部分。本例中的文件名是“index.asp”。文件名部分也不是一个URL必须的部分，如果省略该部分，则使用默认的文件名

 

f.锚部分：

从“#”开始到最后，都是锚部分。本例中的锚部分是“name”。锚部分也不是一个URL必须的部分

 

g.参数部分：

从“？”开始到“#”为止之间的部分为参数部分，又称搜索部分、查询部分。本例中的参数部分为“boardID=5&ID=24618&page=1”。参数可以允许有多个参数，参数与参数之间用“&”作为分隔符。

如何截取一个URL后面的参数（截参）：

&：不同参数的间隔符？：连接作用#：#代表网页中的一个位置。其右面的字符，就是该位置的标识符。

1.function GetRequest() {

    var url = location.search; //获取url中"?"符后的字串

    var theRequest = new Object();

    if (url.indexOf("?") != -1) {

        var str = url.substring(1);

        strs = str.split("&");

        for (var i = 0; i < strs.length; i++) {

            theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);

        }

    }

    return theRequest;

}

2.function getParameterByName(paramName) { var args = new Object(); var argsStr = location.search; //获取URL参数字符串 if (argsStr.length > 0) { argsStr = argsStr.substring(1); var nameValueArr = argsStr.split("&"); //多参数 for (var i = 0; i < nameValueArr.length; i++) { var pos = nameValueArr[i].indexOf('='); if (pos == -1) continue; //如果没有找到就跳过 var argName = nameValueArr[i].substring(0, pos); //提取name var argVal = nameValueArr[i].substring(pos + 1); //提取value args[argName] = unescape(argVal); } return args[paramName]; } }

2、浏览器查找域名的IP地址。这一步包括DNS具体的查找过程，

• 如果浏览器有缓存，直接使用浏览器缓存，否则使用本机缓存，再没有的话就是用host
• 如果本地没有，就向dns域名服务器查询（当然，中间可能还会经过路由，也有缓存等），查询到对应的IP

浏览器内核是多线程的，清楚进程与线程之间得区别，以及输入url后会开一个新的网络线程

5层协议栈：

1.应用层(dns,http) DNS解析成IP并发送http请求 2.传输层(tcp,udp) 建立tcp连接（三次握手） 3.网络层(IP,ARP) IP寻址 4.数据链路层(PPP) 封装成帧 5.物理层(利用物理介质传输比特流) 物理传输（然后传输的时候通过双绞线，电磁波等各种介质）

 

 

 

7. 浏览器开始显示HTML（页面的渲染过程）

· 1.构建DOM树(DOM tree)：从上到下解析HTML文档生成DOM节点树（DOM tree），也叫内容树（content tree）；

· 2.构建CSSOM(CSS Object Model)树：加载解析样式生成CSSOM树；

· 3.执行JavaScript：加载并执行JavaScript代码（包括内联代码或外联JavaScript文件）；

· 4.构建渲染树(render tree)：根据DOM树和CSSOM树,生成渲染树(render tree)；渲染树：按顺序展示在屏幕上的一系列矩形，这些矩形带有字体，颜色和尺寸等视觉属性。

· 5.布局（layout）：根据渲染树将节点树的每一个节点布局在屏幕上的正确位置；

· 6.绘制（painting）：遍历渲染树绘制所有节点，为每一个节点适用对应的样式，这一过程是通过UI后端模块完成；

http1 http2

HTTP1.0利用文本与服务器交互，而HTTP2的基本协议单位为二进制帧流，每帧都有自己的类型旨在实现不同功能，然而HTTP1将继续存在，因此，HTTP2的二进制帧流需映射到HTTP1上以实现向下兼容。