Learn Internet/Web

起源

互联网起源于 ARPANET（ Advanced Research Project Agency Network）项目，该项目旨在研究一套新的交流系统，以确保其能够在核攻击中仍旧安然运行。

Paul baran （分组交换概念提出者）提出：可以将讯息进行分块，并通过网状组织将这些块尽可能地传输到各个方向的节点上。

Paul 的方案被采纳，于是有了现代互联网的雏形。

互联网是由无数个独立运行的网络节点组成，它采用的分布式架构使得没有一个中心节点能够控制其他节点的创建和运行。

组成

客户端（The Client）

用户手中能使用  web 浏览器的各种设备，比如手机、PC 和 pad；

服务器（Server）

硬件存储器：物理设备，存储数据；

软件服务器： 服务网页的程序代码；

交互模型

🐴 模型比喻：快递。

客户端需要一个包裹，于是联系服务端，服务端找到包裹，将包裹用快递发给客户端。快递是需要用户地址的，客户端的用户地址就是 IP 地址。注意，这里的包裹只是原包裹的复制品。

IP 地址是一串数字（格式为 a.b.c.d，a~d 都要在 0-255 之间），但是不容易记忆，因此又有了 web 地址。

（👇 Tips：通过 findIP 可以通过 web 地址查看 IP 地址；通过 myIP 可以查询自己的 IP 地址。）

另一方面，快递是需要物流公司承运的，互联网的物流公司称为 ISP （ Internet Service Provider），他们为用户提供上网服务。服务商的服务方式也不同，有的通过光纤，有的通过电缆，等等。

这些服务商会为用户家里的 “猫” （modern）或者 路由器 （router） 分配 IP 地址，如果连接的是同一网络，那么 IP 地址也是相同的（只是从外部网络而言，内部网络还有有区分的，192.168.1.X，X代表不同设备的编号）。

TCP/IP

任何快递运输都是要遵守交通规则的，TCP/IP 就是互联网世界的交通规则，它规定了客户端和服务端之间要如何连接、交换数据以及数据如何正确地展示。

组成文件

网站是由无数个文件组成的，这些文件储存在服务器中，分门别类，不过大体可以包含两种：

• 代码文件，储存三大件和其他类型的代码；
• 资源文件，图片、视频、音频等；

数据包

对于客户端要求的内容，服务器以数据包的形式传回，意思是将一个完整的内容分成一个个小块传过来。

☁️

云是互联网的别名。

http vs https

http：Hypertext Transfer Protocol  （超文本传输协议），是用于数据交换的一种协议。

https：s 代表 secure （安全），该协议下，传输过程将被加密，secure 只能确保传输过程，但不能保证服务器的安全性。

另外，如果只是两台电脑间的传输，也可以使用  ftp（File Transfer Protocol，文本传输协议），需要传输用户名、密码和服务器地址。

Web Hosting

网页需要有服务器存放，但每个人都购买服务器显然是不现实的，因此，有一批公司专门提供服务器存放的服务，网页开发者们可以将网页存放在该服务器上。

好的托管服务：

• 服务器会不断升级并确保安全
• 全天运行
• 带宽良好（以保证数据传输，可类比高速公路，路越宽车辆就不会堵塞，交通状况就良好）
• 良好的技术支持

（👇 Tips：免费的 FTP 托管服务 FileZilla Client 。）

域名

常见的顶级域：

• .com （commercial websites）对所有人开放
• .net（network websites）对所有人开放
• .org（non-profit organization websites）对所有人开放
• .edu 只对学校和教育组织开放
• .fr，.es，.uk，… 代表不同国家

不同的域代表着不同含义，最通用的是  .com。一个网站可以有多个域名。域名可以购买 GoDaddy 。

域名购买后，需要将名称与托管的服务器连接起来，步骤如下：

1. 通过 DNS （Domain Name System） 服务购买域名；
2. 将域名翻译成 IP 地址；
3. 在托管的服务器中（DNS 设置）填入 IP 地址；

DNS

DNS 的作用是帮助用户将域名转换成 IP 地址。当我们输入网址时，其实连接的是 DNS 服务器，默认的 DNS 服务器是自己所托管的平台所拥有。当 DNS 拿到域名后，会搜寻自己的数据库或缓存中有没有相关信息，如果没有，会将讯息发给另一台服务器，后者继续搜寻。

在一定时间内，如果找到了该信息，则返回该讯息，并最终找到网址所指向的文件，如果没有，则报错。

关于 DNS 的具体说明可查看 这篇文章 。

浏览器

位于客户端，向用户展示网页，并执行交互。

常用的浏览器：

• Chrome
• Firefox
• …

不同的浏览器，不同版本的浏览器，对程序的渲染效果不同，特性支持也不同。

正式编程时，关注用户最常用的浏览器及其版本即可。

编程语言

• HTML
• CSS
• JavaScript

综合：

• Bootstrap：HTML、CSS、JavaScript
• Responsive Design：HTML、CSS
• WordPress：HTML、CSS、JavaScript、a database on the server
• jQuert、React、Angular，Vue：JavaScript

比较好的文章推荐：

How the Web works

How does the Internet Work  ⭐️⭐️⭐️⭐️⭐️  强烈推荐