Open wallleap opened 4 years ago
title: web 入门基础知识 date: 2020-03-24 10:33 updated: 2020-03-24 10:33 cover: //cdn.wallleap.cn/img/pic/cover/2023029majaI.jpg category: 技术杂谈 tags:
总结一下前端学习之前需要了解的内容
C/S架构：客户端/服务器——用户需要下载安装客户端软件使用，服务器负责处理软件的业务逻辑、同时更新、不能跨平台、通信采用自有协议(相对安全)，客户端功能强大，可以减轻服务器端压力，但是客户端维护开发成本高(胖客户端)
✪ B/S架构：浏览器/服务器端——本质上也是C/S，使用浏览器作为软件的客户端，通过浏览器访问网页的形式来使用软件、软件不需要安装(使用浏览器访问指定的网址)、客户端不需要更新、可跨平台使用、通信采用通用的HTTP协议(相对不安全)，客户端维护成本低，可跨平台，但服务器负担重，缺点是客户端功能较简单，用户体验不如C/S(瘦客户端)
前端：HTML(结构)、CSS(表现)、JavaScript(行为)——(W3C 标准)
由浏览器负责解释执行，分别描述页面的结构、控制页面内中元素的样式、响应用户操作
后端：ASP、PHP、JSP、NodeJS 等
由服务器负责执行
静态网页和动态网页
.htm
.html
.asp
.php
.jsp
浏览器：Firefox、Chrome、IE
编辑器：Sublime Text、VS code
调试工具：FireBug
图片工具：PhotoShop
IDE（集成开发工具）：DW、WebStorm、Hbuilder
IE6浏览器兼容测试：ietester
万维网联盟(W3C)：World Wid Web Consortium 定义网页相关标准(HTML、CSS、DOM、HTTP、XML等)
WHATWG：网页超文本应用技术工作小组 推动网络 HTML5 标准
W3School离线手册
CSS
Unicode
正则表达式
MDN
……
HTTP(Hyper Text Transfer Protocol，超文本传输协议)是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII码形式给出；而消息内容则具有一个类似MIME的格式。 HTTP是基于客户/服务器模式，且面向连接的。典型的HTTP事务处理有如下的过程： （1）客户与服务器建立连接； （2）客户向服务器提出请求； （3）服务器接受请求，并根据请求返回相应的文件作为应答； （4）客户与服务器关闭连接。
HTTP(Hyper Text Transfer Protocol，超文本传输协议)是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII码形式给出；而消息内容则具有一个类似MIME的格式。
HTTP是基于客户/服务器模式，且面向连接的。典型的HTTP事务处理有如下的过程：
（1）客户与服务器建立连接；
（2）客户向服务器提出请求；
（3）服务器接受请求，并根据请求返回相应的文件作为应答；
（4）客户与服务器关闭连接。
状态码
IP 地址（Internet Protocol Address）是指互联网协议地址，又译为网际协议地址。IP 地址是IP 协议提供的一种统一的地址格式，它为互联网上的每一个网络和每一台主机分配一个逻辑地址，以此来屏蔽物理地址的差异。
公有地址（Public address）由 Inter NIC（Internet Network Information Center 因特网信息中心）负责。这些 IP 地址分配给注册并向 Inter NIC 提出申请的组织机构。通过它直接访问因特网。
私有地址（Private address）属于非注册地址，专门为组织机构内部使用。
以下列出留用的内部私有地址
地址解析协议，即 ARP（Address Resolution Protocol），是根据IP 地址获取物理地址的一个TCP/IP 协议。
在 WWW 上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫 URL（Uniform Resource Locator,统一资源定位符），它是 WWW 的统一资源定位标志，就是指网络地址。
也可认为由4部分组成：协议、主机、端口、路径
URL的一般语法格式为：protocol :// hostname[:port] / path / [;parameters][?query]#fragment
protocol :// hostname[:port] / path / [;parameters][?query]#fragment
例如：https://loacalhost:3000/test
https://loacalhost:3000/test
ftp://192.168.10.100/
域名系统（服务）协议（DNS）是一种分布式网络目录服务，主要用于域名与 IP 地址的相互转换。
1992年，托尼哟翰逊(Tony Johnson)发布了 Midas，它允许用户浏览 UNIX 和 VMS 网页上的文档。
1993年，NCSA 发布了 Mosaic 浏览器。
1994年，网景公司(Netscape)发布了 Navigator 浏览器。
1995年，IE浏览器(Internet Explorer)的发布掀起了“浏览器之战”。
1996年，网景公司的 Navigator 浏览器所占有的浏览器市场份额达 86%。微软公司开始将 IE 浏览器整合到 OS (操作系统)中。
1996年9月，Opera 浏览器面世。
1998年，网景公司启动其开源产品，开始推出 Mozilla。这一年的下半年，网景公司被 AOL(美国在线服务公司)收购。
2002年，Firefox(火狐)浏览器面世。
2003年，苹果公司发布 Safari 浏览器。
2004年，IE 浏览器所占有的市场份额达到了历史顶峰-92%。自此以后，其市场份额开始下滑。
2006年6月，Firefox 3 的发布创下了吉尼斯世界纪录——一天有800万人下载。
2006年10月，专为 Windows XP、Windows Server 2003 和 Windows Vista 而设计的 IE 7 面世。
2008年，谷歌公司发布 Chrome 浏览器。
2009年，专为 Windows 7、Windows Server 2003 与 2008、Windows Vista 和 WindowsXP 设计的 IE 8 面世。同年，Firefox 3.5 面世。它是第一款支持多点触控的浏览器。
2010年，谷歌公司发布了 Chrome 5.0 浏览器。它是第一款稳定支持三个平台的浏览器，还是第一款有书签同步功能(bookmark synchronization)的浏览器。
2011年，微软发布 IE 9，IE 9 采用了新的 JavaScript 引擎 Chakra，使网页加载速度更快，同时利用显卡 GPU 加速文字和图形的渲染，使 CPU 的负担大大减轻。另外，IE 9开始支持 HTML5 和 CSS3。
2012年，Windows 8 正式上市后，IE 10 问世。
2013年，随着 Windows 8.1 的正式发布，IE 11 问世。IE 11 在IE 10 的基础上再次扩大对 HTML5 和 CSS3 的支持，如支持 HTML5 拖放、HTML5 全屏、CSS 边框图、视频码率控制、视频字幕隐藏、媒体加密、WebGL 等，使得 IE 11 全面支持 HTML5 新特性。
1、Trident 内核
代表产品为 Internet Explorer，又称其为 IE 内核。Trident（又称为 MSHTML），是微软开发的一种排版引擎。使用 Trident 渲染引擎的浏览器有：IE、傲游、世界之窗浏览器、Avant、腾讯 TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser 和 KKman等 。
2、Gecko 内核
代表作品为 Mozilla Firefox。Gecko 是一套开放源代码的、以 C++ 编写的网页排版引擎，是最流行的排版引擎之一，仅次于 Trident。使用它的最著名浏览器有 Firefox、Netscape6至9 。
3、WebKit 内核
代表作品有 Safari、Chrome。WebKit 是一个开源项目，包含了来自 KDE 项目和苹果公司的一些组件，主要用于 macOS 系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。
4、Presto 内核
代表作品 Opera。Presto 是由 Opera Software 开发的浏览器排版引擎，供 Opera 7.0 及以上使用。它取代了日版Opera 4至6版本使用的 Elektra 排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版 。
1、IE 浏览器。IE 浏览器是微软推出的 Windows 系统自带的浏览器，它的内核是由微软独立开发的，简称 IE 内核，该浏览器只支持 Windows 平台。国内大部分的浏览器，都是在IE内核基础上提供了一些插件，如360浏览器、搜狗浏览器等。
2、Chrome 浏览器。Chrome 浏览器由 Google 在开源项目的基础上进行独立开发的一款浏览器，市场占有率第一，而且它提供了很多方便开发者使用的插件，因此该浏览器也是本书开发的主要浏览器。Chrome 浏览器不仅支持 Windows 平台，还支持 Linux、Mac 系统，同时它也提供了移动端的应用（如 Android 和 iOS 平台）。
3、Firefox 浏览器。Firefox 浏览器是开源组织提供的一款开源的浏览器，它开源了浏览器的源码，同时也提供了很多插件，方便了用户的使用，支持 Windows 平台、Linux 平台和 Mac 平台 。
4、Safari 浏览器。Safari 浏览器主要是 Apple 公司为 Mac 系统量身打造的一款浏览器，主要应用在 Mac 和 iOS 系统中 。
5、欧朋（Opera）浏览器。
1、内置浏览器
手机操作系统厂商开发
2、可下载浏览器
独立于操作系统，QQ 浏览器、UC 浏览器
3、webview
独立程序，留给原生应用的一个操作系统浏览接口
4、代理浏览器
在服务端完成渲染，返回一个压缩页面
5、混合浏览器
代理浏览器、完备浏览器(在浏览器上渲染页面)结合——省流模式
web入门基础知识
浏览器简介
What really happens when you navigate to a URL
HTTP必知必会 Vscode 小白使用介绍
前端vscode常用快捷键总结
Vscode前端开发插件大全
VsCode中使用Emmet神器快速编写HTML代码
title: web 入门基础知识 date: 2020-03-24 10:33 updated: 2020-03-24 10:33 cover: //cdn.wallleap.cn/img/pic/cover/2023029majaI.jpg category: 技术杂谈 tags:
前端 description: web 入门基础知识
总结一下前端学习之前需要了解的内容
1、 软件开发架构
C/S架构：客户端/服务器——用户需要下载安装客户端软件使用，服务器负责处理软件的业务逻辑、同时更新、不能跨平台、通信采用自有协议(相对安全)，客户端功能强大，可以减轻服务器端压力，但是客户端维护开发成本高(胖客户端)
✪ B/S架构：浏览器/服务器端——本质上也是C/S，使用浏览器作为软件的客户端，通过浏览器访问网页的形式来使用软件、软件不需要安装(使用浏览器访问指定的网址)、客户端不需要更新、可跨平台使用、通信采用通用的HTTP协议(相对不安全)，客户端维护成本低，可跨平台，但服务器负担重，缺点是客户端功能较简单，用户体验不如C/S(瘦客户端)
2、软件开发流程
3、技术
前端：HTML(结构)、CSS(表现)、JavaScript(行为)——(W3C 标准)
由浏览器负责解释执行，分别描述页面的结构、控制页面内中元素的样式、响应用户操作
后端：ASP、PHP、JSP、NodeJS 等
由服务器负责执行
静态网页和动态网页
.htm或.html）.asp或.php或.jsp）4、工具
浏览器：Firefox、Chrome、IE
编辑器：Sublime Text、VS code
调试工具：FireBug
图片工具：PhotoShop
IDE（集成开发工具）：DW、WebStorm、Hbuilder
IE6浏览器兼容测试：ietester
5、万维网联盟(W3C)
万维网联盟(W3C)：World Wid Web Consortium 定义网页相关标准(HTML、CSS、DOM、HTTP、XML等)
WHATWG：网页超文本应用技术工作小组 推动网络 HTML5 标准
6、文档
W3School离线手册
CSS
Unicode
正则表达式
MDN
……
7、其他
(1)HTTP
状态码
(2)IP 地址与 ARP
IP 地址（Internet Protocol Address）是指互联网协议地址，又译为网际协议地址。IP 地址是IP 协议提供的一种统一的地址格式，它为互联网上的每一个网络和每一台主机分配一个逻辑地址，以此来屏蔽物理地址的差异。
公有地址（Public address）由 Inter NIC（Internet Network Information Center 因特网信息中心）负责。这些 IP 地址分配给注册并向 Inter NIC 提出申请的组织机构。通过它直接访问因特网。
私有地址（Private address）属于非注册地址，专门为组织机构内部使用。
以下列出留用的内部私有地址
地址解析协议，即 ARP（Address Resolution Protocol），是根据IP 地址获取物理地址的一个TCP/IP 协议。
(3)URL 与 DNS
在 WWW 上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫 URL（Uniform Resource Locator,统一资源定位符），它是 WWW 的统一资源定位标志，就是指网络地址。
也可认为由4部分组成：协议、主机、端口、路径
URL的一般语法格式为：
protocol :// hostname[:port] / path / [;parameters][?query]#fragment例如：
https://loacalhost:3000/testftp://192.168.10.100/域名系统（服务）协议（DNS）是一种分布式网络目录服务，主要用于域名与 IP 地址的相互转换。
(4)浏览器
1992年，托尼哟翰逊(Tony Johnson)发布了 Midas，它允许用户浏览 UNIX 和 VMS 网页上的文档。
1993年，NCSA 发布了 Mosaic 浏览器。
1994年，网景公司(Netscape)发布了 Navigator 浏览器。
1995年，IE浏览器(Internet Explorer)的发布掀起了“浏览器之战”。
1996年，网景公司的 Navigator 浏览器所占有的浏览器市场份额达 86%。微软公司开始将 IE 浏览器整合到 OS (操作系统)中。
1996年9月，Opera 浏览器面世。
1998年，网景公司启动其开源产品，开始推出 Mozilla。这一年的下半年，网景公司被 AOL(美国在线服务公司)收购。
2002年，Firefox(火狐)浏览器面世。
2003年，苹果公司发布 Safari 浏览器。
2004年，IE 浏览器所占有的市场份额达到了历史顶峰-92%。自此以后，其市场份额开始下滑。
2006年6月，Firefox 3 的发布创下了吉尼斯世界纪录——一天有800万人下载。
2006年10月，专为 Windows XP、Windows Server 2003 和 Windows Vista 而设计的 IE 7 面世。
2008年，谷歌公司发布 Chrome 浏览器。
2009年，专为 Windows 7、Windows Server 2003 与 2008、Windows Vista 和 WindowsXP 设计的 IE 8 面世。同年，Firefox 3.5 面世。它是第一款支持多点触控的浏览器。
2010年，谷歌公司发布了 Chrome 5.0 浏览器。它是第一款稳定支持三个平台的浏览器，还是第一款有书签同步功能(bookmark synchronization)的浏览器。
2011年，微软发布 IE 9，IE 9 采用了新的 JavaScript 引擎 Chakra，使网页加载速度更快，同时利用显卡 GPU 加速文字和图形的渲染，使 CPU 的负担大大减轻。另外，IE 9开始支持 HTML5 和 CSS3。
2012年，Windows 8 正式上市后，IE 10 问世。
2013年，随着 Windows 8.1 的正式发布，IE 11 问世。IE 11 在IE 10 的基础上再次扩大对 HTML5 和 CSS3 的支持，如支持 HTML5 拖放、HTML5 全屏、CSS 边框图、视频码率控制、视频字幕隐藏、媒体加密、WebGL 等，使得 IE 11 全面支持 HTML5 新特性。
1、Trident 内核
代表产品为 Internet Explorer，又称其为 IE 内核。Trident（又称为 MSHTML），是微软开发的一种排版引擎。使用 Trident 渲染引擎的浏览器有：IE、傲游、世界之窗浏览器、Avant、腾讯 TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser 和 KKman等 。
2、Gecko 内核
代表作品为 Mozilla Firefox。Gecko 是一套开放源代码的、以 C++ 编写的网页排版引擎，是最流行的排版引擎之一，仅次于 Trident。使用它的最著名浏览器有 Firefox、Netscape6至9 。
3、WebKit 内核
代表作品有 Safari、Chrome。WebKit 是一个开源项目，包含了来自 KDE 项目和苹果公司的一些组件，主要用于 macOS 系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。
4、Presto 内核
代表作品 Opera。Presto 是由 Opera Software 开发的浏览器排版引擎，供 Opera 7.0 及以上使用。它取代了日版Opera 4至6版本使用的 Elektra 排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版 。
1、IE 浏览器。IE 浏览器是微软推出的 Windows 系统自带的浏览器，它的内核是由微软独立开发的，简称 IE 内核，该浏览器只支持 Windows 平台。国内大部分的浏览器，都是在IE内核基础上提供了一些插件，如360浏览器、搜狗浏览器等。
2、Chrome 浏览器。Chrome 浏览器由 Google 在开源项目的基础上进行独立开发的一款浏览器，市场占有率第一，而且它提供了很多方便开发者使用的插件，因此该浏览器也是本书开发的主要浏览器。Chrome 浏览器不仅支持 Windows 平台，还支持 Linux、Mac 系统，同时它也提供了移动端的应用（如 Android 和 iOS 平台）。
3、Firefox 浏览器。Firefox 浏览器是开源组织提供的一款开源的浏览器，它开源了浏览器的源码，同时也提供了很多插件，方便了用户的使用，支持 Windows 平台、Linux 平台和 Mac 平台 。
4、Safari 浏览器。Safari 浏览器主要是 Apple 公司为 Mac 系统量身打造的一款浏览器，主要应用在 Mac 和 iOS 系统中 。
5、欧朋（Opera）浏览器。
1、内置浏览器
手机操作系统厂商开发
2、可下载浏览器
独立于操作系统，QQ 浏览器、UC 浏览器
3、webview
独立程序，留给原生应用的一个操作系统浏览接口
4、代理浏览器
在服务端完成渲染，返回一个压缩页面
5、混合浏览器
代理浏览器、完备浏览器(在浏览器上渲染页面)结合——省流模式
其他文章
web入门基础知识
浏览器简介
What really happens when you navigate to a URL
HTTP必知必会 Vscode 小白使用介绍
前端vscode常用快捷键总结
Vscode前端开发插件大全
VsCode中使用Emmet神器快速编写HTML代码