Web前端框架对比-李班.pdf

ThenameoftheDepartmentBeijingForestStudio

北京理工大学信息系统及安全对抗实验中心部门名称

Web前端框架对比

李班硕士研究生

2021年05月23日

内容提要

•发展历程

•现代前端常见技术与概念

•主流前端框架特性对比

•技术选型

2

预期收获

•了解Web前端技术发展历程

•理解MV*、数据绑定、VirtualDOM等现代前端技术与概念

•了解Vue、React、Angular三大主流前端框架特性

•技术选型

3

Web前端框架对比

Web前端技术发展历程

4

发展历程

•前端：将请求到的数据合理地呈现给用户

•Web前端的‘三驾马车’

–HTML：超文本标记语言(HyperTextMarkupLanguage)，定义网页的

内容；

–CSS：层叠样式表(CascadingStyleSheets)，定义网页的样式；

–JavaScript：运行于浏览器的一种脚本语言，完成数据动态展示及更丰富的人

机交互。

5

发展历程

•Web1.0

–1990年，TimBerners-Lee在电脑上部署了第一套

“主机-网站-浏览器”构成的Web系统，这标志BS

架构的网站应用软件的开端，也是前端工程的开端。

–1993年4月，第一款浏览器Mosaic发布。1994年

11月，鼎鼎大名的Navigator浏览器发布。到年底

W3C在Berners-Lee的主持下成立，标志着万维网

进入了标准化发展的阶段。

–动态页面技术，第一次浏览器之争。

•JavaScript和后端动态页面技术

6

发展历程

•Web2.0:Ajax技术的流行

–谷歌在2004年应用Ajax技术开发的Gmail和谷歌地图的发布，实现异

步发送HTTP请求，让页面无需刷新就可与后端完成数据交互，极大提升了

用户体验。

–兼容性框架：Dojo、Mooltools、YUIExtJS、JQuery。

–HTML5与第二次浏览器战争

–Node.js：运行在服务端的

JavaScript程序

•拓展了JavaScript开发跨

平台的桌面软件的能力

7

发展历程

•SPA(SinglePageApplication)时代和MV*数据交互模式

–随着前端能够实现的交互功能越多，相应的代码复杂度也快速提高，以前用于

后端的MV*框架也开始出现在前端部分。从2010年10月最先出现的

Backbone开始，Knockout、Angular、Ember、Meteor、Vue