你了解web前端开发主要是做什么的吗？（web前端开发web指什么）

自从九十年代初，人类创造出网页和浏览器后，Web前端取得了长足的发展，如今越来越多的企业级应用也选择使用Web技术来构建。从 MVC 到 MVVM，从页面到工程化，从浏览器到全端应用，前端技术近几年来保持着极高的发展速度，应用场景不断拓展，前端技术能够满足的需求越来越多

本文给大家简要介绍下，网页在浏览器中展现和互动时，主要涉及到的以下几个方面的技术。希望此系列文章，对大家工作中的Web测试用例设计、自动化测试，以及网站问题定位有所帮助。

HTML

用于描述网页的结构和内容，包含了很多标签（tag）组成的元素(element)。如使用段落标签p，可以定义一个形如*

hello world

在浏览器窗口中，按F12键打开”开发人员工具“，在名为Elements的标签中，您可以查看到整个页面的HTML代码。

   

其中，各元素的解释如下：

- head：  文档头部，包含网页的信息元素；

- title：文档标题；

- meta：  元数据，这里的keywords设置了一些可供搜索引擎检索的关键字；

- style：CSS样式表，详见后续章节；

- body：  文档主体，包含页面所要展示的内容；

- script：JavaScript脚本，详见后续章节。

CSS

定义如何显示 HTML里的元素，包括其布局、大小、风格、色彩等，从而实现网页的内容和显示方式相分离。

这里的样式针对h3元素设置了color属性，效果为h3标签中的文字显示为蓝色。

JavaScript

运行于浏览器中的一种动态解析脚本语言，用于客户端和服务器的数据交换，并实现网页同用户的交互等。

以上JavaScript代码，在页面加载结束后，会在弹出一个内容为”hello world“警告窗口。

Web服务器

主要用于解析HTML、图片、CSS、JS等静态资源，如Nginx服务器。有些Web服务器可以通过配置相应的程序模块，实现动态内容的解析，如Apache使用模块解析PHP语言编写的脚本。

应用服务器

完成业务逻辑处理，同更持久层（如数据库）交换数据，装载数据到模板生成静态网页等功能。通常应用服务器也会内嵌一个Web服务器，以实现将处理好的静态网页以HTML流的形式返回给浏览器。

前后端分离

传统的Web应用是在服务器端生成静态HTML响应的，比如PHP、ASP、JSP等。前后端分离的架构下，网页的静态部分更接近于一个HTML模板，浏览器从服务器获取模板后，再通过执行JavaScript来请求服务器、获取数据、装载到模板，最终在用户自己的设备上完成网页的渲染。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。