- 前言,以下内容学习自mdn社区,感兴趣的朋友可以直接去看原文章
- web技术
目录
- web机制
- 互联网是怎么运作的
- 网站服务器是什么
- 什么是URL?
- 什么是web服务器?
- 什么是域名
- 什么是超链接
- 什么是网页DOM
- goole浏览器开发者工具
web机制
互联网是怎么运作的
五分钟告诉你互联网是如何工作的
这一部分的知识如果有计算机网络的基础就更好理解,视频中讲了互联网的工作机制和信息的传输机制
- 计算机之间两两相连传输信息过于复杂,因此产生了路由器,用于管理信息的传输,我们需要把我们的网络连接到互联网服务提供商(ISP)。ISP 是一家可以管理一些特殊的路由器的公司,这些路由器连接其他 ISP 的路由器。你的网络消息可以被 ISP 捕获并发送到相应的网络。互联网就是由这些所有的网络设施所组成。
- ip地址和域名用来标识计算机
- 互联网是基础设施,Web 是建立在这种基础设施之上的服务。Web 服务器可以发送一些浏览器可以理解的信息
网站服务器是什么
首先你知道网站是多个网页相互链接的集合,那么网站服务器,就是一台托管一个或多个网站的计算机。“托管”意思是所有的网页和它们的支持文件在那台计算机上都可用。网络服务器会根据每位用户的请求,将任意网页从托管的网站中发送到任意用户的浏览器中。
什么是URL?
举个例子
这些都是URL,你可以将它理解为网页的地址,它由以下几个部分组成
什么是web服务器?
web 服务器一词可以代指硬件或软件,或者是它们协同工作的整体。
- 硬件部分,web 服务器是一台存储了 web 服务器软件以及网站的组成文件(比如,HTML 文档、图片、CSS 样式表和 JavaScript 文件)的计算机。它接入到互联网并且支持与其他连接到互联网的设备进行物理数据的交互。
- 软件部分,web 服务器包括控制网络用户如何访问托管文件的几个部分,至少是一台 HTTP 服务器。一台 HTTP 服务器是一种能够理解 URL(网络地址)和 HTTP(浏览器用来查看网页的协议)的软件。一个 HTTP 服务器可以通过它所存储的网站域名进行访问,并将这些托管网站的内容传递给最终用户的设备。
基本上,当浏览器需要一个托管在网络服务器上的文件的时候,浏览器通过 HTTP 请求这个文件。当这个请求到达正确的 web 服务器(硬件)时,HTTP 服务器(软件)收到这个请求,找到这个被请求的文档(如果这个文档不存在,那么将返回一个 404 响应),并把这个文档通过 HTTP 发送给浏览器。
-
静态 web 服务器(static web server由一个计算机(硬件)和一个 HTTP 服务器(软件)组成。我们称它为“静态”是因为这个服务器把它托管文件的“保持原样”地传送到你的浏览器。
-
动态 web 服务器(dynamic web server)由一个静态的网络服务器加上额外的软件组成,最普遍的是一个应用服务器和一个数据库。我们称它为“动态”是因为这个应用服务器会在通过 HTTP 服务器把托管文件传送到你的浏览器之前会对这些托管文件进行更新。
-
在 web 服务器上,HTTP 服务器负责处理和响应传入的请求。当收到一个请求时,HTTP 服务器首先要检查所请求的 URL 是否与一个存在的文件相匹配。
- 如果是,网络服务器会传送文件内容回到浏览器。
- 如果不是,服务器会检查是否应该动态生成请求所需的文件(参见静态和动态内容)。
- 如果两种处理都不可能,网络服务器会返回一个错误信息到浏览器,最常见的是 404 Not Found。404 错误太常见以至于很多网页设计者花费许多时间去设计 404 错误页面。
什么是域名
- 域名实际上就是把ip地址映射为人容易记住的网站名,比如www.baidu.com,域名和服务器一样,需要购买才能长期拥有
什么是超链接
正如我们所说的,链接是一段链接到 URL 的文本,我们使用链接来跳转到另一个文档。关于链接,有一些细节值得考虑:
链接的类型
-
内链
内链是你的网页之间的链接。没有内部链接,就没有网站(当然,除非是只有一页的网站)。 -
外链
外链是从你的网页链接到其他人的网页的链接。没有外部链接,就没有 web,因为 web 是网页的网络。使用外部链接提供除你自己维护的内容之外的信息。 -
传入链接
传入链接是从其他人的网页链接到你的网页的链接。这只是从被链接者的角度看到的外部链接。请注意,当有人链接到你的网站时,你不必链接回去。
什么是网页DOM
网页DOM是HTML的树形结构表示,可以通过JavaScript操控DOM来修改网页
- DOM的核心概念
- 常见的DOM操作
goole浏览器开发者工具
开发者工具教学
- 今天实在没啥状态,就先学到这吧,练会枪去