前端学习概述

一、前端学习路线图

二、软件编程体系

1. C/S结构—客户机/服务器结构

是较早的软件系统体系结构，主要用于局域网环境。服务器通常采用高性能的PC或工作站，并安装大型的数据库系统，也称为数据库服务器。客户机需要安装专门的客户端软件，即应用程序。

• 优点：能够充分发挥客户端PC的处理能力，客户端响应速度快。

• 缺点：系统维护和升级的成本高；用户数量增多时，系统性能会明显下降，代码的可重用性差。

  2. B/S结构—浏览器/服务器结构

是随着Web技术发展而逐渐成熟的软件系统体系结构。在这种结构中，所有的应用程序以及数据库系统都安装在服务器（Server）上，客户端只需安装任意一个浏览器（Browser）即可，它是零维护的。

• 优点：维护方便；易于升级和扩展；数据集中安全；跨越时空地域限制。
• 缺点：面向不可知的用户群，对信息安全的控制能力相对较弱。

三、Web的工作原理

1.HTTP协议

是一种请求/应答协议。工作原理如图，它表示基于HTTP的信息交换过程，共分为4个步骤：建立连接、发送请求信息、返回响应信息、断开连接。

• 客户端的浏览器向服务器的某个端口发出请求，建立与服务器的连接，通常默认端口号为80。
• 在建立连接后，客户端向服务器发出一个请求。
• 服务器接收和处理请求后，返回一个响应页面。
• 客户端与服务器之间的连接断开，通信结束。

2. HTTP消息头（Header）

1. 通用头（General Header）
2. 请求头（Request Header）
3. 响应头（Response Header）
4. 实体头（Entity Header）

四、网页编程

1. 静态网页

网站设计中，纯粹HTML格式的网页被称为“静态网页”，通常是以.htm或.html为后缀的HTML文件。它可以包含HTML标记、客户端脚本，但不包含任何服务器端脚本。

2. 动态网页

所谓“动态”，是指服务器根据用户的不同请求做出不同的响应。动态网页文件中含有HTML标记和程序代码，后缀则随着程序语言的不同而不同，如.asp、.aspx、.php、.jsp等，大都需要数据库支持。

五、脚本编程

脚本（Scripts）是指嵌入到Web页面中的程序代码，所使用的编程语言称为脚本语言。
脚本编程的基本特点是，由HTML构造页面模板，中间混合脚本代码，由语言解释引擎解释并运行脚本，产生页面的内容插入到页面的模板中。
静态网页只能包含客户端脚本，动态网页则可以包含客户端脚本和服务器端脚本。

1. 客户端脚本编程

• 常见的客户端脚本编程语言：VBScript、JScript（Microsoft）；JavaScript（Netscape）
• 相同的工作机制：将脚本嵌入到Web页面中，并随着HTML文件一起传送到客户端，由浏览器解释执行。在脚本执行期间无须与服务器交互，可以对用户的操作直接做出响应。

2. 服务器脚本编程

• 常见的服务器端脚本编程语言：PHP（Hyper Text Preprocessor）、JSP（Java Server Pages）、ASP（Active Server Pages）、ASP.NET
• 共同点：脚本都运行于服务器端，能够动态地生成网页，脚本运行不受客户端浏览器限制；脚本程序都是将脚本语言嵌入到HTML文档中，执行后返回给客户端的是HTML代码。

---

That’s all. Thanks.