web前端笔记：1.0 概述

web前端学习笔记目录链接：
https://blog.****.net/qimujun/article/details/107511470

概述
1、开发工具
1.1系统的架构模式
C/S：客户端/服务器结构，client/server，服务器通常采用高性能的工作站，并采用大型数据库系统。客户端需要安装专用的客户端软件。这种结构可以充分利用服务器和客户端的硬件环境优势，将任务合理分配到客户端和服务器，降低系统通讯开销。在 2000 年以前， 这种结构占据网络程序开发领域的主流。
B/S：浏览器/服务器结构，browers/server，客户端不需要开发任何用户界面，通过 web 浏览器向服务器发送请求。

1.2浏览器
1993 年初，第一个图形用户界面的 Browser，Mosaic
诞生。
1994.12，Netscape 面世；
1995年，IE推出；
浏览器：Internet Explorer、Firefox、Chrome、Opera、Safari。

查看网址：https://www.51.la/ranking/browser

1.3浏览器内核
①渲染引擎
 Trident(IE 内核)：国内很多的双核浏览器的其中-核便是 Trident,美其名曰“兼容模式”。代表: IE、傲游、世界之窗浏览器、Avant、腾讯 TT、猎豹安全浏览器、360 极速浏览器、百度浏览器等。Window10 发布后，IE 将其内置浏览器命名为 Edge, Edge 最显著的特点就是新内核 EdgeHTML。
 Gecko(firefox 内核): Moilla FireFox(火狐浏览器)采用该内核, Gecko 的特点是代码完全公开,因此, 其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。可惜这几年已经没落了，比如打开速度慢、升级频繁、猪一样的队友 flash，神一样的对手 chrome。
 webkit(Safari)Safari 是苹果公司开发的浏览器， 所用浏览器内核的名称是大名鼎鼎的 WebKit。现在很多人错误地把 webkit 叫做 chrome 内核(即使chrome 内核已经是 blink 了)，因为最开始谷歌没有内核，是借用苹果内核，之后再自行开发。
 Chromium/Bink(chrome)：在 Chromium 项目中研发 Blink 渲染引擎(即浏览器核心)，内置于 Chrome浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用 Blink 内核。
 Presto 是挪威产浏览器 opera 的“前任"内核，最新的 opera 浏览器早采用谷歌内核。

1.4 web标准
Web 标准不是某一个标准 ,而是由 W3C 和其他标准化组织制定的一系列标准的集合。主要包括结构
(Structure)、表现(Presentation)和行为(Behavior) 三个方面。
结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。
样式标准：表现用于设置网页元素的板式、颜色、大小外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。

1.5客户端应用技术
在进行 Web 应用开发时，离不开客户端技术的支持。目前，比较常用的客户端技术包括 HTML 语言、CSS 样式、Flash 和客户端脚本技术。
HTML语言是客户端技术的基础，主要用于显示网页信息，它不需要编译，由浏览器解释执行。
CSS就是一种叫做样式表（style sheet）的技术，也有人称之为层叠样式表（Cascading Style Sheet）。在制作网页时采用 CSS 样式，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。
客户端脚本技术：是指嵌入到 Web 页面中的程序代码，这些程序代码是一种解释性的语言，浏览器可以对客户端脚本进行解释。

1.6服务器
Apache：59%，支持多种平台，开放源码，速度快， 可靠性高；
IIS：31%，支持 Windows 平台；
Web Server：Internet Information Server、Apache、WebSphere、AOL Server、Jigsaw、俄罗斯 Nginx

1.7服务端技术
CGI是最早用来创建动态网页的一种技术，它可以使浏览器与服务器之间产生互动关系。CGI 的全称是Common Gateway interface，即通用网关接口。
ASP（Active Server Page）是一种使用很广泛的开发动态网站的技术.

PHP 来自于 Personal Home Page 一词，但现在的PHP 已经不再表示名词的缩写，而是一种开发动态网页技术的名称。
Java Server Pages 简称JSP。JSP是以Java为基础开发的，所以它沿用Java强大的API功能。

2、网页是如何成呈现在我们眼前的
2.1概述

从 URL 输入到页面展现 总体来说分为以下几个过程:
（1） URL 解析
（2） DNS 解析：将域名解析成 IP 地址
（3） TCP 连接：TCP 三次握手
（4） 发送 HTTP 请求
（5） 服务器处理请求并响应 HTTP 报文
（6） 浏览器解析渲染页面
（7） 断开连接：TCP 四次挥手

2.2URL解析

解析流程如下：
（1）地址解析：首先判断你输入的是一个合法的URL还是一个待搜索的关键字，并且根据你输入的内容进行自动完成、字符编码等操作。
（2）HSTS：由于安全隐患，会使用 HSTS 强制客户端使用 HTTPS 访问页面。

（3）其他操作：浏览器还会进行一些额外的操作， 比如安全检查、访问限制（之前国产浏览器限制996.icu）。
（4）检查缓存：检查是否有缓存、缓存是否过期、未过期的缓存是否存在更新、请求资源，检查缓存标识、资源存入缓存等步骤。

2.2.1 URL
URL：Uniform Resource Locator，统一资源定位符， 用于定位互联网上资源，俗称网址。采用 URL 可以用一种统一的格式来描述各种信息资源，包括文件、服务器的地址和目录等。
URL的格式由下列三部分组成：协议（或称为服务方式）；存有该资源的主机 IP 地址（有时也包括端口号）；主机资源的具体地址。如目录和文件等。

遵守以下的语法规则：
scheme://host.domain:port/path/filename
scheme - 定义因特网服务的类型。常见的协议有 http、
https、ftp、file，其中最常见的类型是 http，而 https 则是进行加密的网络传输。
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
port - 定义主机上的端口号（http 的默认端口号是 80） path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

第一部分和第二部分之间用”：//”符号隔开，第二部分和第三部分用”/”符号隔开。第一部分和第二部分是不可缺少的，第三部分有时可以省略。

2.2.2 HTTP
超文本传输协议（HTTP HyperText Transfer Protocol）是互联网上应用最为广泛的一种网络协议。

2.2.3 HTTPS
HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer），是以安全为目标的 HTTP 通道，简单讲是 HTTP 的安全版。即 HTTP 下加入 SSL 层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要SSL。

2.2.4 FTP
FTP 是 File Transfer Protocol（文件传输协议）的英文简称，而中文简称为“文传协议”。用于 Internet 上的控制文件的双向传输。

2.2.5 WEB 万维网（缩写www）
WWW 是环球信息网的缩写，（亦作“Web”、“WWW”、“W3”，英文全称为“World Wide Web”），中文名字为“万维网”“环球网”等，常简称为Web，分为Web 客户端和 Web 服务器程序。

2.3 DNS域名解析
浏览器并不能直接通过域名找到对应的服务器，而是要通过 IP 地址。DNS 协议提供通过域名查找 IP 地址，或逆向从 IP 地址反查域名的服务。DNS 是一个网络服务器，我们的域名解析简单来说就是在DNS上记录一条信息记录。

3、其他基础知识
3.1 超文本
超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户界面范式，用以显示文本及与文本之间相关的内容。

3.2 超媒体
“超媒体”是超级媒体的缩写。超媒体是一种采用非线性网状结构对块状多媒体信息（包括文本、图像、视频等）进行组织和管理的技术。超媒体在本质上和超文本是一样的，只不过超文本技术在诞生的初期管理的对象是纯文本，所以叫做超文本。

3.3 MIME
MIME：Multipurpose Internet Mail Extensions；
Web 中通过 MIME 来指定文档的类型；
格式：（顶层的媒体类型有 7 种）类型/子类型text/html(plain)、image/gif(jpeg)、video/mpeg(quicktime)、audio、application、multipart、message

3.4 网站(website)
网站（Website）开始是指在因特网上，根据一定的规则，使用 HTML 等制作的用于展示特定内容的相关网页的集合。网页，是网站中的任何一个页面，通常是HTML 格式（文件扩展名为 html、htm、asp、aspx、php或jsp等）。

3.5 首页
首页，又称主页或起始页，是用户打开浏览器时默认打开的一个或多个网页。首页也可以指一个网站的入口网页，即打开网站后看到的第一个页面，大多数作为首页的文件名是 index、default 或 main 加上扩展名。