在因特网（Internet）上，一个成品的应用（网站、App等）一般都是由3部分，分别是客户端、服务端和数据库端。它们分属不同的技术分支，实现不同的功能，都有着自己的编程语言，不过服务端的编程语言较多。如图1-1所示，给出了成品互联网应用的构成及信息交互示意图。

图1-1 成品互联网应用（网站、App等）的构成及信息交互示意图

1.前端——客户端

客户端，又称前端，也称用户端，即网站前台部分，运行在PC端、移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3、JavaScript、前端框架的应用，前端除了可以制作各种跨平台的网页之外，也可以制作各种各样的小程序、网页游戏、APP等。目前，前端应用已经成为人们生活的必须品，我们平时使用的电脑、手机、平板这些设备，都是通过安装前端与供应商的服务器连接来为我们提供各种各样的互联网服务的。

前端的开发语言比较单一，只有HTML、CSS、JavaScript及其衍生出来的各种技术、框架、解决方案，每个都有自己的作用，并且不可替代，这也是JavaScript的优势。下面，简单介绍前端3大核心技术：

HTML：超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到5.0版了，算是整个网页的骨架。

CSS：级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。它的主要作用可以使人更能有效地控制网页外观，让网页由骨架变成一个有血有肉的人。
JavaScript：简称“JS”,是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它的主要作用是让用户可以和网页进行交互，让网页拥有特效，验证交互数据等等。当然，它能做的事，并不只限于与浏览器做交互，更多的内容上都有它的影子，比如以JS核心开发出来的Node.JS，让前端语言也可以进行服务端编程，或者利用JS去做小程序开发等等，它的强大不仅限于如此。

2后端——服务端

服务端，又称后端，是为客户端服务的，服务的内容诸如向前端提供资源、保存前端数据等。当我们用PC或移动设备连接到因特网之后都会有一个独一无二的IP地址，当我们通过因特网访问这个IP地址时，就是相当于访问了另外一头的计算机，而我们的后端其实也是普通的计算机，不过它的角色就是让前端访问用的。然而，光访问IP地址实则很眼花，毕竟都是数字，所以就诞生了由英文及数字命名的因特网网址。简单地说，因特网的网址其实是绑定了后端的IP地址，用户访问某个网址的时候，实际等同于访问某个后端，而所访问网址的网站文件就是放到了服务端上。再简单地说，用户通过使用前端连接因特网的网址找到了后端的HTML文件，然后展示给了前端。

目前，后端的编程语言较多，有PHP、Python、Java、C++等，它们实现的目标是一样的，都是搭建后端供前端访问。也就是说，后端语言可以使用任意一种去替代。

3.数据库端

故名思义，数据库端就是保存数据用的，一般和后端交互。所以，前端数据保存的基本顺序是：先从前端发送给后端，后端再发送到数据库端，数据库端保存完毕再把信息返回给后端，后端再把成功或者失败的信息返回给前端，具体交互过程如图1-1所示。




本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：李游Leo老师前端讲堂！