导航


HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

冷门技能

针对性攻坚(TODO)


⭐️ 浏览器请求网页的过程

image.png

  1. 敲下回车,首先对网址进行 DNS 解析,把网址转为 IP 地址
  2. TCP/IP 三次握手,建立以后才能开始 HTTP 请求
  3. 浏览器得到 HTML 代码,浏览器再解析并下载其中的静态资源渲染页面
  4. 四次挥手,中断连接
    1. TCP/IP 是一种长连接,过程完了以后需要客户端 or 服务器发起断开连接请求

⭐️ URI

Untitled

URL 肯定是一个 URI,URI 并不一定是 URL,也有可能是 URN

https 默认端口号443 http 默认端口号80 MySQL 默认的端口号3306

URI 只是资源标识 URL:

  1. 资源标识

  2. 具有定位资源的功能(资源的具体位置)

  3. 指明了获取资源所采用的协议

协议名称+主机名称+端口号+路径+文件+查询所需字符串

http:// qb.com:80/ coco/index.html ?a=lance&b=28 #d

<scheme>:// <host>:<port>/ <path> ?<query> <frag>

理解

  1. URI(统一资源标识符):就像人的身份证号、姓名、电话号码等,只要能唯一标识你,就是 URI。
  2. URN(统一资源名称):就像你的身份证号,唯一代表你,但不告诉别人你在哪。
  3. URL(统一资源定位符):就像你的家庭住址或公司地址,明确告诉别人如何找到你。

客户端和服务端

C/S 和 B/S 架构

的数据

所需要的数据。

域名

什么是域名

  1. 相当于访问互联网某一户人家的地址
  2. 域名与服务器绑定以后,域名与服务器对应的 IP 是映射关系
    1. www.jd.com -> 111.13.28.118
  3. 域名比 IP 更方便用户记忆
  4. IP 可以对应多个域名,所以不同的域名可以访问一个或多个WEB网页

购买及解析

购买域名及备案

A 记录的配置需要在服务器配置虚拟主机,而 CNAME 不用,因为本质是访问别人的服务器

举例

你有两个域名 www.example.comexample.com,想让它们指向同一个服务器IP地址。你可以为 example.com 设置A记录指向IP地址,然后为 www.example.com 设置CNAME指向 example.com

[example.com](<http://example.com/>) → 192.168.1.1 (A记录)
[www.example.com](<http://www.example.com/>) → [example.com](<http://example.com/>) (CNAME记录)

域名分类

Untitled

域名级别

⭐️ DNS