导航
HTML
CSS
JavaScript
浏览器 & 网络
版本管理
框架
构建工具
TypeScript
性能优化
软实力
算法
UI、组件库
Node
冷门技能
针对性攻坚(TODO)
⭐️ 浏览器请求网页的过程

- 敲下回车,首先对网址进行 DNS 解析,把网址转为 IP 地址
- TCP/IP 三次握手,建立以后才能开始 HTTP 请求
- 浏览器得到 HTML 代码,浏览器再解析并下载其中的静态资源渲染页面
- 四次挥手,中断连接
- TCP/IP 是一种长连接,过程完了以后需要客户端 or 服务器发起断开连接请求
⭐️ URI
- 资源标识的总称是:URI(统一资源标志符)(Uniform Resource Identifier)
- 具体定位某个资源的位置的时候叫:URL(统一资源定位符)(Uniform Resource Locator)
- URL 可以用来标识一个资源,而且还指明了如何定位这个资源
- 用地址定义一个资源
- 资源叫什么,名称是什么的时候叫:URN(统一资源名称)(Uniform Resource Name)
- URL肯定是一个URI,URI并不一定是URL,也有可能是URN

URL 肯定是一个 URI,URI 并不一定是 URL,也有可能是 URN
https 默认端口号443 http 默认端口号80 MySQL 默认的端口号3306
URI 只是资源标识
URL:
-
资源标识
-
具有定位资源的功能(资源的具体位置)
-
指明了获取资源所采用的协议
协议名称+主机名称+端口号+路径+文件+查询所需字符串
http:// qb.com:80/ coco/index.html ?a=lance&b=28 #d
<scheme>:// <host>:<port>/ <path> ?<query> <frag>
理解
- URI(统一资源标识符):就像人的身份证号、姓名、电话号码等,只要能唯一标识你,就是 URI。
- URN(统一资源名称):就像你的身份证号,唯一代表你,但不告诉别人你在哪。
- URL(统一资源定位符):就像你的家庭住址或公司地址,明确告诉别人如何找到你。
客户端和服务端
C/S 和 B/S 架构
- C/S ⇒ Client/Server → 将应用程序安装在客户端电脑中,由服务端提供客户端程序所需要
的数据
- 优点:界面与操作丰富、安全性高、响应速度快
- 缺点:通常用于局域网、需安装特定应用程序或使用特定硬件、维护成本高
- B/S ⇒ Browser/Server → 利用WEB浏览器呈现客户端程序界面,由服务端提供客户端程序
所需要的数据。
- 优点:无需安装客户端程序与特定硬件、多客户访问、交互性强、无需升级客户端
- 缺点:跨浏览器兼容性差、功能性相对较弱、设计成本高、安全性弱、功能性弱
域名
什么是域名
- 相当于访问互联网某一户人家的地址
- 域名与服务器绑定以后,域名与服务器对应的 IP 是映射关系
- www.jd.com -> 111.13.28.118
- 域名比 IP 更方便用户记忆
- IP 可以对应多个域名,所以不同的域名可以访问一个或多个WEB网页
购买及解析
购买域名及备案
- 购买:阿里云、万网
- 备案域名:阿里云备案管理
- 解析域名:阿里云后台展示
- 解析就是将域名与服务器 IP 映射的过程,由 DNS 服务器来完成
- A记录:Address. 域名与Ip对应的记录,将域名指向到服务器上
- CNAME记录:用于将一个域名别名映射到另一个域名,而不是直接映射到IP地址。CNAME让一个域名指向另一个域名,最终由该域名的A记录或其他记录指向IP地址。
A 记录的配置需要在服务器配置虚拟主机,而 CNAME 不用,因为本质是访问别人的服务器
举例:
你有两个域名 www.example.com 和 example.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记录)
域名分类

域名级别
⭐️ DNS