1 谁创造了计算机？
计算机，是在指令的控制下，将输入的信息数字化，并进行指定的运算，再把运算后的数字信息输出为相关信息的计算器。它的出现离不开两个人的贡献：一是奠定了现代计算机的结构的冯·若依曼；二是基于拟人的思想发明了图灵机的图灵。 如下图1 两位计算机先驱 所示：
2 计算机是什么样？
现代计算机组成结构是基于冯·若依曼计算机结构演化而来的，冯·若依曼计算机结构主要由控制器、运算器、存储器、输入设备以及输出设备五部分看得见摸得着的集成电路组成。但现代计算机将控制器与运算器合并为中央处理器（即CPU），保留了其它3个部分。因此，输入设备、输出设备、存储器以及CPU，也就成为了我们所熟知的现代计算机基本组成元件，即我们日常生活中所说的硬件。
为什么把这些组成计算机的基本组成元件叫做硬件？是为了与看不见软件进行区分，软件是可以指挥硬件工作的指令与数据的集合。人们为了避免过于繁琐的操纵过程，在硬件的基础上研发了各种各样的软件用来操作这些硬件设备。而软件又分为系统软件以及应用软件，两者之间的区别是：应用软件基于系统软件之上工作，而系统软件服务于计算机全局工作。
总而言之，现代计算机主要由硬件与软件两大部分组成。现代计算机组成结构，如下图2 计算机的组成结构所示：
3 软件如何来设计？
为了应对实际问题，我们发明了各种应用软件。基于应用软件是否需要联网，于是我们总结了两种应用软件的开发架构模式：一种B/S架构模式，不安装在设备上，通过浏览器使用；另一种是C/S架构模式，安装在设备上直接用。作为前端开发人员，主要是基于B/S架构模式设计网页。 应用软件的两种架构模式，如下图3 两种开发架构模式所示：
4 B/S架构是什么？
基于B/S架构模式开发的应用软件，也被叫作web应用程序。它的服务器对应的数据库存放着网页资源，而这些网页资源需要借助浏览器才能被显示与运行。我们若是想要访问一个网页资源，可以在浏览器中输入一个网址，就可以浏览从web应用程序中的服务器发送回来的网页资源。浏览器访问网页的过程，如下图4 B/S架构模式 所示：
5 浏览器怎么工作？
市面上常用的浏览器有五种，分别为Chrome、IE、Safari、Firefox以及Opera浏览器。它们之所以能成为主流浏览器，是因为它们的市场份额非常大，且都有自己的内核。我们可以通过 statcounter官网 查看浏览器市场份额，获取相应数据。此外，statcounter 不仅可以查看浏览器的市场份额，还可以查看操作系统等市场份额。具体如下图5 五大主流浏览器所示：
浏览器的内核是浏览器的核心，用于处理浏览器从服务器所得到的各种资源。浏览器内核是由DOM渲染引擎以及V8引擎两部分构成。其中DOM渲染引擎负责渲染DOM；而V8引擎用来处理JavaScript脚本。具体如下 图6 浏览器内核所示：
常用的浏览器的内核主要有四种，分别为Blink、webkit、Trident以及Gecko内核，其中Blink内核属于webkit内核的分支。目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。具体如下图7 浏览器的四种内核所示：
那不同浏览器显示的内容，是不是不一样？
6 网页标准是什么？
打开浏览器输入一个网址，用鼠标点击一下，就可以打开一个网页，而一个或多个网页就组成了一个网站。网页作为网站的基本构成单位，本质上是图片、链接、文字、声音、视频等元素组成的, 通常以一个html文件（后缀名为.html或者.htm）表现。如下图8 一个网站如何被打开 所示
由于一个网页在不同的浏览器上显示情况不同，于是W3C组织和其他标准化组织制定了一套网页标准，以便网页在不同的浏览器都能呈现相似的效果。如下图9 一个网页在不同浏览器中的显示情况所示:
W3C组织规定的网页标准，主要包括 HTML(结构)➕CSS（表现）➕JavaScript（行为）共3个部分。一个网页的标准，如下图10 网页标准 所示：
