Web前端开发技术综述

Web概述

web(world wide web)：即全球广域网，也称为万维网。是一种基于超文本Http的，全球的、动态交互的、跨平台的分布式图形信息系统，是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档就超链接将Internet上的信息节点组织成一个互为关联的网状结构。

Web的工作原理

了解web工作原理前需要先了解 web服务器和web客户端：
web 服务器：安装了web服务器软件的计算机就是web服务器。Web服务软件对外提供web服务，供客服访问浏览，接收客户请求然后将特定内容返回客户端。常见的Web 服务器有IIS、Apache、Tomcat 等。
Web 客户端：通常将那些想web服务器请求获取资源的软件称为web客户端。Web 浏览器是客户端最主要的应用软件，用户只需要安装一个浏览器，便能向服务器发送请求，并得到服务器的响应。常见的web浏览器有： Chrome、FireFox、Internet Explorer等。

web工作原理
1）客户端通过浏览器发出要访问页面的URL地址，经过地址解析，找到服务器上的IP地址，向该地址所指向的Web 服务器发送请求。
2）Web 服务器根据浏览器发送的请求，把 URL地址转换成页面所在服务器上的文件名称，找到相应文件。
3）如果URL地址指向HTML 静态页面，web服务器使用HTTP协议将该文档直接发送给客户端，由客户端浏览器负责解释执行。如果HTML文档中有JSP、ASP、PHP等动态代码，则由服务器运行这些程序，最后应用程序执行后的结果放给客户端。
4）如果程序中包含对数据库的操作，则应用程序将查询指令发送给数据库驱动程序，有驱动程序对数据库进行操作。
5）数据库服务器将查询结果返回给数据驱动程序，并由驱动程序返回给Web服务器。
6）Web 服务器将结果数据嵌入页面中相应位置。
7）web服务器将完成的页面以HTML 格式发送给客户端。
8）客户端浏览器解析执行接收到的HTML 文档，并显示结果。

从网页制作到前端开发

web1.0的特征是以静态、单向阅读为主，用户仅是被动参与。技术上主要依赖动态HTML和静态HTML网页技术。
web2.0是一种以分享为特征的实时网络，用户可以实现互动参与。但这种互动仍然是有限的。主要以JavaScript、XML、AJAX等技术和理论为主。
HTML5的设计目的是为了在移动设备上支持多媒体，主要以HTML5 、CSS3以及一些新的框架为技术基础进行开发。
Web3.0以网络化和个性化为特征，可以提供更多人工智能服务，用户可以实时实时参与。Web3.0的技术特点是综合性的，语义web、本体是实现web3.0的关键技术。

前端技术

前端技术包括web页面的结构、web页面的外观视觉表现以及web页面的交互实现。简单来说就是我们日常浏览网页时所呈现的内容，包括文字、图片、动画特效以及交互行为。现在的前端技术不仅包括三剑客（HTML CSS JavaScript）,还有html5 、CSS3、响应式开发、移动前端开发等。
前端开发的内容包括：文本编辑、图像处理、界面设计、网页布局、网页样式设计、用户与网页的交互设计等。

后端技术

后端是指运行在服务器上的程序，这些程序可以动态和互动的页面。后端更多的是与数据库进行交互以处理相应的业务逻辑，需要考虑的是如何实现功能、数据的存取、平台的稳定性与业务的性能等业务。

Web前端开发技术

HTML

HTML是一种超文本标记语言，包括头部（head）和主体（body）两部分。其中head提供网页的一些信息，body 部分提供网页的具体内容。
HTML 并不是一种编程语言，而是一种标记语言。是用来识别和描述一个文件中各个组件的系统。
## CSS
CSS是用来对网页进行”化妆“的，是使其变的美观和生动的主要技术。字体、颜色、背景图片、行间距、布局都是通过CSS来进行控制的。CSS 样式表示可以复用的，增大了代码的利用率，多个标签或元素都可以使用同一个CSS 样式。
## JavaScript
JavaScript是一种脚本语言，在网页中可以用来添加交互行为。JavaScript是常用于操作网页元素或者浏览器窗口功能的一种语言。是最标准和使用最普遍的脚本语言。可用于处理表单、控制元素、控制事件的发生、获取元素等。