Web开发系列知识汇总 - 好文

目录

一. 定义
<https://blog.csdn.net/wydyd110/article/details/81030827#%E4%B8%80.%20%E5%AE%9A%E4%B9%89>

二. 网络结构模式
<https://blog.csdn.net/wydyd110/article/details/81030827#%E4%BA%8C.%20%E7%BD%91%E7%BB%9C%E7%BB%93%E6%9E%84%E6%A8%A1%E5%BC%8F>

三. 客户端-浏览器Browser
<https://blog.csdn.net/wydyd110/article/details/81030827#%E4%B8%89.%20%E5%AE%A2%E6%88%B7%E7%AB%AF-%E6%B5%8F%E8%A7%88%E5%99%A8Browser>

四. Web服务器端
<https://blog.csdn.net/wydyd110/article/details/81030827#%E5%9B%9B.%20Web%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF>

五. Cookie
<https://blog.csdn.net/wydyd110/article/details/81030827#%E4%BA%94.%20Cookie>

六. HTTP协议
<https://blog.csdn.net/wydyd110/article/details/81030827#%E5%85%AD.%20HTTP%E5%8D%8F%E8%AE%AE>

1. HTTP简介
<https://blog.csdn.net/wydyd110/article/details/81030827#1.%20HTTP%E7%AE%80%E4%BB%8B>

2. HTTP方法
<https://blog.csdn.net/wydyd110/article/details/81030827#2.%20HTTP%E6%96%B9%E6%B3%95>

3. 各种协议与HTTP协议的关系
<https://blog.csdn.net/wydyd110/article/details/81030827#3.%20%E5%90%84%E7%A7%8D%E5%8D%8F%E8%AE%AE%E4%B8%8EHTTP%E5%8D%8F%E8%AE%AE%E7%9A%84%E5%85%B3%E7%B3%BB>

七. TCP/IP通信传输流
<https://blog.csdn.net/wydyd110/article/details/81030827#%E4%B8%83.%20TCP%2FIP%E9%80%9A%E4%BF%A1%E4%BC%A0%E8%BE%93%E6%B5%81>

一. 定义

1. Web:World Wide Web, 其内容以页面的形式表现。

* 超文本(Hypertext)：一个页面指向另一个页面。用户单击一个链接就可以来到该链接所指向的页面。
* 超媒体(Hypermedia)：超文本和多媒体的结合。用户可以在页面激活一段声音，显示一个图形，甚至播放一段视频。
* 超文本传输协议(HTTP)
：Web浏览器向一个或多个Web服务器发送请求，服务器以页面的内容作为响应。这里的“请求-响应”协议，即HTTP协议基于文本协议，运行于TCP之上。
2. 浏览器：显示页面的程序。

3. 统一资源定位符（URL，Uniform Resource Locator）：用类标识每个页面。包含三部分：协议，域名，路径。如：

http（协议）://www.cs.washington.edu（域名）/index.html（页面的路径）

4. Web的体系结构



（图片来源自Andrew S.Tanenbaum与David J.Wetherall的《计算机网络（第五版）》）

图中Web浏览器向三个服务器（youtube.com, www.cs.washington.edu,
google-analytics.com）发送请求，从而获得了两个页面。来自不同服务器的内容集成在一起通过浏览器显示。www.cs.washington.edu服务器提供了主页面，youtube.com服务器提供了一段嵌入的视频，google-analytics.com服务器没有提供任何用户可见的内容，但它追踪访问网站的用户。

二. 网络结构模式

1. C/S(Client/Server)

* 客户端/服务器端架构，典型的两层结构。
* 客户端：一个或多个在用户电脑上运行的程序。
* 服务器端
  1. 数据库服务器端：客户端通过数据库连接访问服务器端的数据

  2. Socket服务器端：服务器端的程序通过Socket与客户端的程序通信

2. B/S(Browser/Server)-这里主要介绍该模式

* 浏览器/服务器架构，三层结构
* Browser客户端：负责处理显示逻辑
* Web服务器：负责处理事务逻辑
* 数据库服务器

（图片来源于：http://www.ltesting.net/html/84/n-141684.html
<http://www.ltesting.net/html/84/n-141684.html>）

三. 客户端-浏览器Browser

1. 一个浏览器是一个应用程序，负责将用户选择的web资源呈现出来。

2. 浏览器的组成



主要组件：

* 用户界面 - 包括地址栏、后退/前进按钮、书签目录等
* 浏览器引擎（Browser engine）- 用来查询及操作渲染引擎的接口
* 渲染引擎（Rendering engine）- 浏览器的内核，负责将网页代码转化成可见的页面
* 网络 - 完成网络调用
* UI后端 - 用来绘制类似组合选择框及对话框等基本组件，底层使用操作系统的用户接口
* JS解析器 - 用来解释执行JS代码
* 数据存储 - 浏览器在用户磁盘中保存类似于Cookie的各种数据。HTML5定义了一种轻量级的客户端存储技术Web Database技术
3. 当用户点击一个超链接时，浏览器执行的系列步骤

（1）浏览器确定URL

（2）浏览器请求DNS查询www.cs.washington.edu服务器的IP地址

（3）DNS返回128.208.3.88

（4）浏览器与128.208.3.88机器的80端口建立一个TCP连接（80端口是HTTP协议的默认端口）

（5）浏览器发送HTTP报文，请求/index.html页面

（6）www.cs.washington.edu服务器向浏览器响应页面，如发送文件/index.html

（7）
若该页面包括需要显示的URL，浏览器通过相同的处理过程获取其他URL。该例子中，URL包括多个取自www.cs.washington.edu的内嵌图像，一段取自youtube.com的内嵌视频和一个取自google-analytics.com的脚本。

（8）浏览器渲染显示页面/index.html

（9）若短期内没有向同一个服务器发送其他请求，释放TCP连接。

四. Web服务器端

1. Web服务器的工作流程

* 接受来自浏览器的TCP连接请求
* 获取页面的路径，即被请求文件的名字
* 从磁盘中读取文件
* 将文件内容响应给浏览器
* 释放该TCP连接
2.  为了解决文件访问瓶颈，减少读磁盘的操作，会在内存中维护一个缓存，保存着n个最近使用过的文件或者内容。服务器从磁盘读取文件前，首先检查缓存。

3. 为了解决一次只能服务一个请求的问题，将服务器设计成多线程（multithreaded）模式。

（图片来源自Andrew S.Tanenbaum与David J.Wetherall的《计算机网络（第五版）》）

多线程服务器由一个前端模块和一个处理模块组成。前端模块接收所有入境请求;
k+1个线程全部属于同一个进程，所有处理模块（线程）都可以访问当前进程地址空间中的缓存。

五. Cookie

* 小甜饼Cookie，一小段文本信息，由浏览器存储在客户机磁盘Cookie目录下
* Cookie只是字符串，最多4KB，不是可执行程序，因而不存在病毒得以实际运行从而造成损害

六. HTTP协议

1. HTTP简介

* HTTP协议（Hyper Text Transfer Protocol超文本传输协议）,用于从万维网（WWW:World Wide
Web）服务器传输超文本到本地浏览器。
* 应用层协议，请求-响应协议，运行在TCP之上。
* HTTP默认端口号为80。浏览器通常与服务器的80端口建立TCP连接。
* 无连接：每次连接只处理一个请求。服务器处理完客户端的请求，并收到客户端的应答后，即断开连接。节省传输时间。
* 无状态：对事务处理没有记忆能力，若后续处理需要前面的信息，则必须重传。
2. HTTP方法

方法描述
GET 请求服务器发送页面（完成查询操作）
HEAD 请求一个Web页面的消息头
POST
向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。

（完成增删改操作）

PUT 向服务器写入一个Web页面
DELETE 删除页面
TRACE 回显服务器收到的请求，用于测试或诊断
CONNECT 通过代理连接
OPTIONS 一个页面的查询选项
3. 各种协议与HTTP协议的关系

（来源于《图解HTTP》）

七. TCP/IP通信传输流

（来源于《图解HTTP》）

热门工具换一换