[网络协议]【前端】一、web技术基础

放在最前：很长一段时间没有更新了，因为我暂时没有在做UIpath那家公司继续干下去了，然后又有做毕设、找工作种种事务，就耽搁了。然后我现在又加入了一家公司做前端，所以以后会经常更新一些前端的内容，我也是个菜鸟，希望大家一起学习一起进步！（我写着写着发现概念太多了，所以不放在一起了，做成系列文章，慢慢看）

前言

本文会记录web技术最基础的知识，具体框架是根据二级web考试大纲所写。文章内容是教程+自己的扩展，内容很多，大家根据自己的需求去选择，如有错误可以告诉我我会及时改正。

一、Web技术基础

1.1 Internet和web技术的基本概念

1.1.1 Internet和web技术的基本概念

• Internet（因特网），全球性的计算互联网络”信息共享“。
• 因特网（Internet）是一组全球信息资源的总汇。有一种粗略的说法，认为INTERNET是由于许多小的网络（子网）互联而成的一个逻辑网，每个子网中连接着若干台计算机（主机）。
• Internet以项目交流信息资源为目的，基于一些共同的协议，并通过许多路由器和公共互联网而成，它是一个信息资源和资源共享的集合。

1.1.2 web技术的概念

• web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。
• 表现为三种形式，即超文本（hypertext）、超媒体（超文本，图片，视频）（hypermedia）、超文本传输协议（HTTP）等，简单的讲就是把各种类型的信息和服务无缝连接，提供生动的图形用户界面。
• web技术指的是开发互联网应用的技术总称，一般包括web服务端技术和web客户端技术。
• 两者间的关系：
  • web是Internet上最流行的应用之一，Internet为web提供了网络运行环境? ? ? ?
  • ??????web的出现极大地推动了Internet的普及和推广

1.2 web技术的主要组成

1.2.1?本地计算机和远程服务器

• 本地计算机：用户自己浏览站点的本地机器
• 远程服务器：为客户端（用户）计算机提供各种服务的高性能计算机，主要功能是接受客户浏览器发送的请求，分析请求，并给予响应，相应的结果发送给客户端的浏览器。

1.2.2?静态页面和动态页面

• 静态页面：HTML页面文件，所有的代码都在网页中，不需要执行动态程序（访问数据库）来生成客户想要的网页
• 动态页面：页面的内容是动态交互的，可以根据系统的设置显示不同的页面。因为随着网站的数据量日益庞大，人们对站点的要求越来越高，希望有更快的速度，更加高效的访问查找，所以动态网页技术便应运而生。
• 现实中常用的动态网页开发技术有：ASP，JSP，PHP，.NET等

1.2.3 web应用程序的工作原理

浏览器的访问过程如下（用户想要访问网页，需要先获取网站首页的站点信息）：

1. 浏览器地址栏输入想要访问网站首页的地址
2. 用户向浏览器发送访问首页的请求
3. 服务器收取客户端的访问请求
4. 服务器处理请求（若首页动态文档需要经过数据处理再返回，若为静态文档直接返回该文档即可）
5. 服务器将请求的处理结果在客户端的浏览器显示

1.2.4?常用的web开发技术

• 静态web开发技术（浏览器技术）

????????html静态网页开发技术（超文本标记语言）

????????xml意为可扩展的标记语言，它是一种显示数据的标记语言，能够使数据无障碍的进行传输，并显示在用户的浏览器上。

• 动态web开发技术（服务器技术）

????????ASP，ASP.net ,PHP,JSP

1.3 web浏览器与服务器的基本概念和工作原理

1.3.1 web浏览器的基本概念

• 浏览器的含义：它是一个软件。浏览器是指运行在用户的机器上来展现和浏览来自web服务器或者本地文件系统中HTML页面，并让用户和这些页面交互的一种客户机软件。
• PC端常见的浏览器：internet Explorer（微软）；Firefox（火狐）；Opera；Chrome；Safari；360浏览器；搜狗浏览器等
• 手机端常见的浏览器：uc浏览器；Safari；QQ浏览器；百度浏览器；360浏览器；

? ? ? ? 其中Chrome浏览器占据了最高的市场份额。

1.3.2 web浏览器的工作原理：

????????浏览器主要通过HTTP协议与web服务器交互并获取网页，这些网页由URL（网址）指定，文件格式通常为HTML。

1.3.3 web服务器的基本概念

web服务器含义：提供web服务的服务器

常见的web服务器有：window平台下IIS（ASP技术），Apache（PHP技术），Tomcat（JSP技术）等

1.3.4 web基本架构

• C/S的含义：Client/Server。服务器安装高性能pc、工作站、并采用大型数据库系统。客户机安装专用的客户机端软件、服务器安装专门的服务器软件。
• B/S的含义：Browser/Server。客户机仅仅安装一个浏览器。服务器安装IIS或者Apache、或者数据库。目前常用。
• 三层架构：含义是在客户机端浏览器与数据库中间加入了一个中间层。分类：系统部署三层结构和软件开发三层结构。

1.3.5 web技术的发展历史

发展三个阶段：静态文档、动态网页（交互）、web2.0（每个人都是主角）

1.4 web应用开发构架和开发技术

web应用架构可以划分为两大子系统：前端子系统和后台子系统

前端子系统：

1.基础技术：Html/CSS/Javascript

2.开发框架：Jquery,Extis,flex等；

后台子系统：

1.基础技术：Java Servlet；

2.开发框架：Struts，Spring，Hibernate，ibatis等；

3.应用服务器：Tomcat/Jetty

1.5 TCP/IP协议（并不是大纲内容，主要用于了解）

1.5.1 TCP/IP 基础知识

1.TCP/IP基础

TCP/IP ：传输控制协议/网络协议（Transmission Control Protocol / Internet Protocol）

TCP/IP是用于Internet的通信协议

（计算机通信协议：对那些计算机必须遵守以便彼此通信的规则的描述）

定义了电子设备（比如计算机）如何连入因特网，以及数据如何在它们之间传输的标准。

2.TCP/IP的具体内容

TCP：用于应用程序之间的通信，这个请求必须被送到一个确切的地址，同时建立的是全双工通信

IP：用于计算机之间的通信，是无连接的通信协议。IP负责将每个包路由至它的目的地。每一个计算机必须有一个IP地址才能接入Internet，每个IP包必须有一个地址才能够发送到另一台计算机。

TCP/IP：指两者协同工作

????????TCP负责应用软件（浏览器）和网络软件之间的通信，IP负责计算机之间的通信。

? ? ? ? TCP负责将数据分割并装入IP包，然后再到达后重新组合它们，IP负责将包发送至接受者。

TCP/IP 使用 32 个比特或者4个0到255之间的数字来为计算机编址。

1.5.2 TCP/IP 协议

TCP/IP是不同的通信协议的大集合

第一章练习题

很多题都是基础定义，了解一下。

教程链接：

1. https://www.bilibili.com/video/BV1ua411F7Px?p=7
2. https://www.w3school.com.cn/tcpip/tcpip_intro.asp