Web：修订间差异

2023年11月17日 (五) 04:37的最新版本

万维网（World Wide Web），也称作WWW、Web，是一个透过互联网访问的，由许多互相链接的超文本组成的系统。万维网是信息时代发展的核心，也是数十亿人在互联网上进行交互的主要工具。网页主要是文本文件格式化和[[HTML| 超文本标记语言（HTML）]。除了格式化文字之外，网页还可能包含图片、影片、声音和软件组件，这些组件会在用户的网页浏览器中呈现为多媒体内容的连贯页面。万维网并不等同互联网，万维网只是互联网所能提供的服务其中之一，是靠着互联网运行的一项服务。

时间轴

1989年3月，蒂姆·伯纳斯-李撰写了《关于信息化管理的建议》一文，文中提及ENQUIRE并且描述了一个更加精巧的管理模型。
1990年11月12日，蒂姆·伯纳斯-李和罗伯特·卡里奥合作提出了一个更加正式的关于万维网的建议。
1990年11月13日，蒂姆·伯纳斯-李在一台NeXT工作站上写了第一个网页以实现他文中的想法。
1990年12月20日，蒂姆·伯纳斯-李制作了第一个网页浏览器WorldWideWeb（同时也是网页编辑器）和第一个网页服务器。
1991年8月6日，蒂姆·伯纳斯-李在alt.hypertext新闻组上贴了万维网项目简介的文章。这一天也标志着互联网上万维网公共服务的首次亮相。
1998年9月4日，谷歌公司（Google Inc.）成立，由拉里·佩奇和谢尔盖·布林共同创建，被公认为全球最大的搜索引擎公司。

Web技术

传输定位

名称	描述
URL	统一资源标志符（Uniform Resource Identifier）
HTTP	超文本传输协议（Hypertext Transfer Protocol），用于传输网页中的 HTML 及其他超媒体文档。

页面内容

名称	描述
HTML	超文本标记语言（HyperText Markup Language ），用于描述、定义页面内容。
CSS	层叠样式表（Cascading Style Sheets），用于描述页面内容的外观与展示。
JavaScript	一种脚本语言，在用户的浏览器上运行。

前端常用库

基础库

名称	描述
jQuery	jQuery，一个JavaScript库，用于简化HTML与JavaScript之间的操作。但原生JavaScript改进，逐渐不用jQuery。如2020年Bootstrap 5移除了JQuery依赖。

UI

名称	描述
Bootstrap

可视化图表

名称	描述
ECharts

控件

名称	描述
Select2	基于jQuery的选择框。官网：https://select2.org 源代码：https://github.com/select2/select2
Choices.js	基于原生JavaScript的选择框，类似Select2。官网：https://choices-js.github.io/Choices/ 源代码：https://github.com/Choices-js/Choices

应用框架

名称	编程语言	描述
Django	Python	一个开放源代码的Web应用框架，由Python写成。采用了MVT的软件设计模式，即模型，视图和模板。
Flask	Python	一个使用Python编写的轻量级Web应用框架。基于Werkzeug WSGI工具箱和Jinja2 模板引擎。Flask使用BSD授权。
Laravel	PHP	一个免费的开源 PHP Web 框架，旨在实现的Web软件的MVC架构，

网站程序

名称	类型	描述
WordPress	博客程序	是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统。
MediaWiki	Wiki程序	全球最著名的开源wiki程序，维基百科使用的软件。

服务器软件

名称	编程语言	描述
Apache	C	是Apache软件基金会的一个开放源码的网页服务器软件。
Nginx	C	是异步框架的网页服务器，也可以用作反向代理、负载平衡器和HTTP缓存。

服务器

家用服务器

免费网页托管服务器

虚拟主机

VPS主机

独立服务器

云虚拟主机

数据库

资源

标准

网站

文章

HuangHuang的博客：让我们一起来构建一个 Web 服务器（一）

@@ 第10行： / 第10行： @@
 ==Web技术==
+===传输定位===
+{| class="wikitable"  style="width: 100%;
+!名称
+!描述
+|-
+|[[URL]]
+|统一资源标志符（Uniform Resource Identifier）
+|-
+|[[HTTP]]
+|超文本传输协议（Hypertext Transfer Protocol），用于传输网页中的 HTML 及其他超媒体文档。
+|}
+===页面内容===
 {| class="wikitable"  style="width: 100%;
 !名称
-!全称
-!中文名称
-!类型
 !描述
 |-
 |[[HTML]]
-|HyperText Markup Language
+|超文本标记语言（HyperText Markup Language
-|超文本标记语言
+），用于描述、定义页面内容。
-|
-|用于描述、定义页面内容。
 |-
 |[[CSS]]
-|Cascading Style Sheets
+|层叠样式表（Cascading Style Sheets），用于描述页面内容的外观与展示。
-|层叠样式表
+|-
+|[[JavaScript]]
+|JavaScript，|一种脚本语言，在用户的浏览器上运行。
+|}
+== 前端常用库 ==
+=== 基础库 ===
+{| class="wikitable"  style="width: 100%;
+!名称
+!描述
+|-
+|[[jQuery]]
+|jQuery，一个JavaScript库，用于简化HTML与JavaScript之间的操作。但原生JavaScript改进，逐渐不用jQuery。如2020年Bootstrap 5移除了JQuery依赖。
+|}
+=== UI ===
+{| class="wikitable"  style="width: 100%;
+!名称
+!描述
+|-
+|[[Bootstrap]]
 |
-|用于描述页面内容的外观与展示。
+|}
+=== 可视化图表 ===
+{| class="wikitable"  style="width: 100%;
+!名称
+!描述
 |-
-|[[JavaScript]]
+|[[ECharts]]
-|JavaScript
-|JavaScript
 |
-|一种脚本语言，在用户的浏览器上运行。
 |-
-|[[HTTP]]
-|Hypertext Transfer Protocol
-|超文本传输协议
 |
-|用于传输网页中的 HTML 及其他超媒体文档。
+|
 |-
-|[[jQuery]]
-|jQuery
-|jQuery
 |
-|一个JavaScript库，用于简化HTML与JavaScript之间的操作。
+|
 |-
+|
+|
 |}
-==网站程序==
+=== 控件 ===
 {| class="wikitable"  style="width: 100%;
 !名称
-!类型
 !描述
 |-
-|[[WordPress]]
+|Select2
-|博客程序
+|基于jQuery的选择框。<br />官网：https://select2.org<br />源代码：https://github.com/select2/select2
-|是一个以[[PHP]]和[[MySQL]]为平台的自由开源的博客软件和内容管理系统。
+|-
+|Choices.js
+|基于原生JavaScript的选择框，类似Select2。<br />官网：https://choices-js.github.io/Choices/<br />源代码：https://github.com/Choices-js/Choices
 |-
-|[[MediaWiki]]
+|
-|Wiki程序
+|
-|全球最著名的开源wiki程序，维基百科使用的软件。
 |-
+|
+|
 |}
-==Web应用框架==
+==应用框架==
 {| class="wikitable"  style="width: 100%;
 !名称
 !编程语言
 !描述
-|-
-|[[jQuery]]
-|Javascript
-|
 |-
 |[[Django]]
@@ 第87行： / 第111行： @@
 |PHP
 |一个免费的开源 PHP Web 框架，旨在实现的Web软件的MVC架构，
+|-
+|}
+==网站程序==
+{| class="wikitable"  style="width: 100%;
+!名称
+!类型
+!描述
+|-
+|[[WordPress]]
+|博客程序
+|是一个以[[PHP]]和[[MySQL]]为平台的自由开源的博客软件和内容管理系统。
+|-
+|[[MediaWiki]]
+|Wiki程序
+|全球最著名的开源wiki程序，维基百科使用的软件。
 |-
 |}
-==Web服务器软件==
+==服务器软件==
 {| class="wikitable"  style="width: 100%;
 !名称
@@ 第131行： / 第171行： @@
 ==资源==
-===相关网站===
+===标准===
-*[https://mozillazg.com/2015/06/let-us-build-a-web-server-part-1-zh-cn.html HuangHuang的博客：让我们一起来构建一个 Web 服务器（一）]
-==参考文献==
+===网站===
 *[https://zh.wikipedia.org/wiki/万维网 维基百科：万维网]
 *[https://developer.mozilla.org/zh-CN/docs/Web MDN：Web 开发技术]
@@ 第140行： / 第179行： @@
 *[https://developer.mozilla.org/zh-CN/docs/learn/How_the_Internet_works MDN：互联网是如何工作的]
 *[https://developer.mozilla.org/zh-CN/docs/learn/Server-side/First_steps/Web_frameworks MDN：服务端web框架]
+====文章====
+*[https://mozillazg.com/2015/06/let-us-build-a-web-server-part-1-zh-cn.html HuangHuang的博客：让我们一起来构建一个 Web 服务器（一）]
 [[分类:Web开发]]