客户端和浏览器端交互模型

如何做一个网站？

1、买一台服务器，服务器脸上网络之后，会存在一个外网的IP地址，我们把html+css上传到服务器2、买一个域名

3、进行DNS解析（域名解析）  www.zhang.cn220.114.23.45(服务器外网ip地  址)80（服务器端口号）

当用户在自己的浏览器中输入一个网址，到最终看到页面和内容，发生了哪些事情？

服务器的端口号：（0~65535）

我们的一台服务器上可以发布很多项目，而每个项目都有一个自己对应的房间或者区域，服务器使用端口号使用端口号来区分具体是那个项目 

一般都把自己的项目发布到80/443这两个项目下

1、通过域名到dns服务器上找到对应的服务器的外网ip和对应的端口号

2、dns服务器找到对应的服务器和房间号

3、在房间中把index.html文件的源代码返回给客户端

4、客户端解析源代码

引擎：每一个浏览器都有自己的引擎，

谷歌浏览器是v8引擎

火狐浏览器是Gecko引擎

ie浏览器是Trident引擎

w3c

是一个无盈利的一个组织（制定咱们开发的规范，HTML HTML5 CSS CSS3）谷歌是 -webkit-xxx:xxx

谷歌浏览器控制台NetWork这一项，可以看到客户端向服务器端所有的请求以及请求的状态信息等

通过network中观看，我们发现当我们第一次把html源代码请求回来的时候，浏览器开始按照自己的引擎渲染，在渲染的过程中我们还会出现从新向服务器还会出现从新向服务器请求css/img/js每一次的请求步骤和HTML一模一样，如果请求的资源次数过多，页面打开的速度和渲染速度就会变慢，所以我们页面优化的方法中，首先要做的就是减少http请求次数

1、css合并一个（内嵌式）

2、js合并成一个 或者采用内嵌式

3、图片合并（雪碧图技术）或者图片延迟加载 （加快第一次打开的速度）

4、Ajax请求和资源文件请求的原理是一样的

URL

http://v.qq.com:80/index.html?name=zhangxiaohuan&age=18#a

http:传输协议

v.qq.com域名

80:端口号

index.html请求资源的文件名

？name=zhangxiaohuan&age=18URL问号传参

#a锚点定位

传输协议：

http：超文本传输协议，除了传输文本还可以传输其它的东西，例如：xml

https：更加安全的http

ftp：文件传输协议（应用于把项目文件传递到服务器上）

在不指定端口的情况下，每一种协议会有一个默认的端口号

http默认会找服务器的80端口

https默认会找443端口

tp默认会找21端口

客户端：发送请求，接收内容解析

服务器：创建服务，监听端口，在当前服务器中接收客户端请求的内容，然后把对应的数据或者内容返回给客户端