前端网络基础（1）

前端开发
2020年03月06日
826

客户端与服务端

  • 客户端（Client）：用户所操作的应用程序；
  • 服务端（Server）：存储数据、网页的程序、处理数据程序的载体。

服务端、后台、服务器的区别

  • 服务端：数据的入口/出口；
  • 后台：数据处理的程序集合；
  • 服务器：通俗地说就是电脑。

C/S架构与B/S架构

- C/S(Client/Server) B/S(Browser/Server)
定义 将应用程序安装在客户端电脑中，由服务端提供客户端所需要的数据。 利用Web浏览器呈现客户端程序界面，由服务端提供客户端程序所需要的数据。
优点 界面与操作丰富、安全性高、响应速度快。 无需安装客户端程序与特定硬件、多客户访问、交互性强、无需升级客户端。
缺点 通常用于局域网、需要安装特定的应用程序或使用特定的硬件、维护成本高。 跨浏览器兼容性差、功能性相对较弱、设计成本高、安全性弱。

浏览器请求一个网页的流程

  1. 客户端输入网址（按下回车后），进行DNS解析将域名转换成IP地址，然后与服务端进行TCP/IP三次握手建立TCP连接，然后发送HTTP请求；
  2. 客户端接收到服务端传来的HTML代码；
  3. 客户端解析页面，请求下载HTML中的静态资源（css、图片等）;
  4. 客户端与服务端进行四次挥手中断连接，并渲染页面。

1-1请求流程.jpg

URI、URL和URN三者的区别

  • URI（Uniform Resource Identifier）：统一资源标识符，标识一个唯一的资源；
  • URL（Uniform Resource Locator）：统一资源定位符，可以用来标识一个资源，而且还指明了如何定位这个资源，用地址定位一个资源；
  • URN（Uniform Resource Name）：统一资源名称，即通过名称来标识资源，用名称定位一个资源。

注意：URL与URN是URI的子集：

1-2URI子集.jpg

URL肯定是一个URI，而URI不一定是URL，有可能是URN。

  • URI只是资源标识

  • URL：1. 资源标识；2. 具有定位资源的功能（资源的具体位置）；3.指明了获取资源所采用的协议：

    plain-text
    协议名称 + 主机名称 + 端口号 + 路径 + 文件 + 查询字符串
http:// + localhost + :8080 + /public/index.html + ?a=1&b=2 + #hash

  • URN：与URL的区别在于，URN并没有协议名称。

    plain-text
    主机名称 + 端口号 + 路径 + 文件 + 查询字符串

域名

域名（Domain Name）

  1. 相当于访问互联网某一户人家的地址；

  2. 域名与服务器绑定以后，域名与服务器对应的IP地址是是映射关系；

    plain-text
    www.jd.com -> 111.13.28.118

  3. 域名比IP地址更方便用户记忆；

  4. IP地址可以对应多个域名，而域名只能对应一个IP地址。

域名级别

  • 顶级域名（一级域名）：humandetail.com
  • 二级域名：www.humandetail.com、demo.humandetail.com
  • 三级域名：test.demo.humandetail.com

根域名服务器

  • 主根服务器：1个（美国）
  • 辅根服务器：12个（美国9个、英国1个、瑞典1个、日本1个）

管理机构：国际互联网名称与数字地址分配机构ICANN（美国授权）

前管理机构：商务部下属的国家通信与信息管理局（NTIA）外包给ICANN管理

作用：负责全球互联网域名的根服务器、域名体系和IP地址管理。

WWW

World Wide Web 万维网

Inter提供了很多服务，其中包括WWW（网页服务）、FTP（文件传输）、E-mail（电子邮件）\Telnet（远程登录）…

www是用浏览器访问网页的服务，所以网站的主页域名前需要加www。而随着网站服务类型的增加，不同的二级或三级域名对应不同的业务，而业务的处理任务会分配到多个服务器，所以，不再需要使用www来标注主页，很多网站都还会做DNS解析www，原因是尊重用户习惯。

DNS解析

DNS：Domain Name Server，域名服务器

作用：域名与对应IP地址转换的服务器

特征：DNS中保存了一张域名与对应的IP地址表，一个域名对应一个IP地址，而一个IP地址可以对应多个域名。

gTLD：Generic Top-Level Domain（顶级域名服务器），是为.com、.net...等后缀做域名解析的服务器。

DNS解析流程

如果本地DNS服务器缓存里面没有，会先找根服务器，然后是对应的.com域服务器，最后会去域名所在的服务器里面查找。

1-3DNS解析.jpg

IP地址

网络协议地址（Internet Protocol Address）

作用： 分配给用户上网使用的互联网协议

分类：

  • IPv4：192.168.0.1（四组、32位、十进制）
  • IPv6：ABCD:EF01:2345:6789:ABCD:EF01:2345:6789（八组、128位、十六进制）
  • 其他

IPv6地址空间更大、路由表更小、组播支持以及对流支持增强、对自动配置的支持、更高的安全性。

端口号

每一个端口号对应的是一个服务器的一个业务，访问一个服务器的不同端口相当于访问不同的业务。

  • 范围：0 ~ 65535
  • 默认端口：http(80)、https(443)、ftp(20、21)
JavaScript网络
vue结合typescript的小项目记录
前端网络基础（2）