最近很火的低代码到底是什么？
自从九十年代初，人类创造出网页和浏览器后，Web 取得了长足的发展，如今越来越多的企业级应用也选择使用 Web 技术来构建。
前面给大家介绍网络协议时讲到，您在阅读这篇文章时，浏览器是通过 HTTP/HTTPS 协议向服务器发送请求、并显示了其响应内容的。本文给大家简要介绍下，网页在浏览器中展现和互动时，主要涉及到的以下几个方面的技术。希望此系列文章，对大家工作中的 Web 测试用例设计、自动化测试，以及网站问题定位有所帮助。
HTML（HyperText Markup Language，超文本标记语言）
用于描述网页的结构和内容，包涵了很多标签（tag）组成的元素(element)。如使用段落标签 p，可以定义一个形如*<p>hello world</p>*的段落元素。
在浏览器窗口中，按 F12 键打开”开发人员工具“，在名为 Elements 的标签中，您可以查看到整个页面的 HTML 代码。
其中，各元素的解释如下：
head： 文档头部，包含网页的信息元素；
title： 文档标题；
meta： 元数据，这里的 keywords 设置了一些可供搜索引擎检索的关键字；
style： CSS 样式表，详见后续章节；
body： 文档主体，包含页面所要展示的内容；
script：JavaScript 脚本，详见后续章节。
CSS（Cascading Style Sheets，层叠式样式表）
定义如何显示 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 来请求服务器、获取数据、装载到模板，最终在用户自己的设备上完成网页的渲染。
版权声明: 本文为 InfoQ 作者【禅道项目管理】的原创文章。
原文链接:【http://xie.infoq.cn/article/f75e1ce59b80b40c21d53e951】。文章转载请联系作者。
还未添加个人签名 2020.04.30 加入
禅道是一款专业的国产开源研发项目管理软件，集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，完整覆盖了研发项目管理的核心流程。
评论