Web技术不断发展，前端网页己由原来的图文展示为主，发展到现在丰富的基于前端技术的应用、交互以及富媒体的呈现。前端提供了更丰富的内容、更庞大的信息，更友好的用户体验。
Web前端开发技术发展主要经历了三个阶段，分别是HTML技术、css2.0站点构建和维护以及CSS DIV 为核心技术的页面重构技术。这三者都能够对Web前端开发技术的优化造成一定影响，它们都可以所作是网页的关键性语言，具有各自鲜明的特点和职能，并且在对应的执行标准内容上也会存在一定差异。每个Web前端开发设计人员都必须正确掌握了解到 HTML、JavaScript、CSS之间是存在关联性的，它们属于一种相互促进、相互协调合作的关系。因此，当Web前端开发设计人员在进行前端开发工作时，要充分考虑到它们三者的应用重要性。
目前最新的HTML5标准规范于2014年制定完成。HTML5技术在前端开发中主要有以下几种应用。第一，多接口功能。与HTML技术相比，HTML5的接口更加丰富，其常用接口主要包括文档编辑接口、Canvas标签接口、浏览历史惯例接口和离线数据储存接口等。丰富的接口类型为HTML5技术在移动互联网开发中的应用奠定了良好基础。第二，本地离线存储功能。HTML5具备良好的本地离线存储功能，当用户出现网络中断、网络信号不稳定等问题，需要将信息存储至本地时，可在离线状态下，利用HTML5技术提供的容量完成各类信息的快速存储。如果用户需使用移动智能终端查看上述信息，则仅需将离线状态下保存的数据信息下载至缓存，即可实现上述目的。
CSS技术在前端开发中则有以下几种功能。第一，网页页面的美化和风格的统一都需要CSS技术，并且CSS技术决定着网页设计的最终效果，但使用CSS技术要尽量使用外部CSS技术，外部CSS技术不但可以根据网页特点选用不同的网页结构，还可以保证设计效率和质量，并且内部CSS技术存在着众多不足，在使用的过程中要尽量避免使用，这样可以减少在CSS技术使用过程中可能出现的问题，可以让网页设计更加顺利和快捷。第二，使用CSS 技术对Wed网页样式进行控制。CSS技术不但可以让网页实现多种样式的统一，还可以对网页的文字，整体排版，网页背景进行控制，页面的整体布局会合理化，而且在CSS技术的控制下，网页的布局还会变的更加多样化，可以根据实际情况进行灵活变换，这样网页的设计效果会变得更加理想。第三，控制网页连接。CSS技术可以与HTML网页进行完美融合，只要将CSS技术的代码移 动到页面之外的文件夹中，HTML页面中的元素就可以实现有效并无限制的调用，而且还可以让整个网站的文化内容得到最佳的配置。HTML页面的改版实践也可以通过CSS技术进行缩短。CSS技术还可以在当前网页中进行随意的网络连接。所以CSS技术应用在网页中可以将网页的质量提高一个档次。
在大量的前端功能开发过程中，人们发现有很多共性部分，其代码是相似的，为了实现这些相似部分功能的复用，避免重复开发，也需要釆用框架来对一些共性进行提取，以提高开发效率，所以进行前端框架的研究至关重要。对于管理信息系统而言，用户需要更直观，更快捷地处理组织内的所有信息，导致网站功能的增加，交互性增强，从而网站对于数据处理以及多站点数据共享有了更高的要求。市场上有很多流行的前端框架，也有很多框架在提高前端性能方面很优秀，但是在前端数据处理能力方面没有考虑到，同时也没有对前端代码进行很好分层。 根据上述需求，对于企业的管理信息系统而言，需要选取一个数据处理能力强，代码分层明确便于维护的框架。
国内各大公司在近几年为了适应公司发展要求，纷纷推出了一些优秀的前端框架。
百度QWrap
QWrap是百度有啊前端团队推出的一个JavaScript框架，在BSD协议下开源发布，支持 多种浏览器。QWrap提供jquery—样方便的dom功能，同时又打破jquery “专注于dom”的约束，也提供非dom的许多功能。
百度Tangram
Tangram (七巧板）是一款实用的JavaScript基础库，是百度内部主要使用的前端框架。通过它可以快速构建出高度互动的Web应用程序。Tangram可以兼容IE6、 Firefox、Chrome、Safari、Opera 等各种浏览器版本，具有平滑升级体验以及自由定制输出最小尺寸的特点。
腾讯JX
腾讯公司内部使用的框架，于2008年开发，是模块化的非侵入式Web前端框架，适用于Web Page和Web App项目的开发，对目前主流的浏览器都能兼容，腾讯WebQQ、腾讯Q 等产品都是采用JX框架开发的，现在已经开源在Github上。
淘宝KISSY
淘宝使用的前端类库为KISSY，是开源的JavaScript类库。KISSY提供稳定的核心，强大且易用的脚本加载器，丰富的UI组件。KISSY具备模块化、高扩展性、组件齐全等特性。
国外也早已出现了很多优秀的前端框架，由于其数量众多，在此主要介绍几种使用率较高的前端框架。
JQuery
JQuery是当今使用最广泛的JavaScript库，具有很好的跨浏览器特性，将HTML和JavaScript之间的操作进行了简化，分离了脚本与页面代码，完全支持Ajax，提高了前端性能，提供了大量的插件库。但是兼容性差，大量的插件会引发插件兼容性问题等。
AngularJS
AngularJS是谷歌团队维护的前端框架，它是为了克服HTML在构建应用上的不足而设计的，AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
Backbone
Backbone是一种轻量级的MVC框架，可以用来帮助开发重量级的JavaScript应用。用于结构化管理页面中的大量JS,建立与服务器、视图间的无缝连接，为构建复杂的应用提供基础框架。
Prototype
Prototype是Ajax开发框架，其特点是功能实用而且尺寸较小，非常适合在中小型的Web应用中使用，对各种浏览器都有良好的兼容性。
除此之外还有很多优秀的前端框架，例如Bootstrap, YUI，Dojo，Ext JS等，在此就不作详细介绍。
如上列举所示，国内外如今有很多优秀的前端框架可以供给开发人员使用。但是国内优秀的前端框架大多是为了服务企业内部产品的，满足于企业内部个性化需求的，对于其他企业进行一些普通的应用系统开发并不合适。
参考文献
[1]李洁.主流JavaScript框架——AngularJS、React和Vue使用体会[J].电脑迷,2019(01):77.
[2]陆郁.探析CSS技术在网页制作中的应用与代码优化[J].科技风,2019(01):110.
[3]Silvestro D, Michalak I. raxmlGUI: a graphical front-end for RAxML[J]. Organisms Diversity amp; Evolution, 2012, 12(4): 335-337.
[4]万中文.基于网站制作的Web前端开发技术与优化[J].电脑知识与技术,2018,14(33):198-199.
[5]Hedin D, Birgisson A, Bello L, et al. JSFlow: Tracking information flow in JavaScript and its APIs[C]//Proceedings of the 29th Annual ACM Symposium on Applied Computing. ACM, 2014: 1663-1671.
[6]Silvestro D, Michalak I. raxmlGUI: a graphical front-end for RAxML[J]. Organisms Diversity amp; Evolution, 2012, 12(4): 335-337.
[7]罗文,刘星,兰全祥.基于Node.js的创新团队管理系统的设计与实现[J].赤峰学院学报(自然科学版),2018,34(10):83-85.
[8]魏巍巍.基于HTML5的Web富客户端网页设计方法[J].产业与科技论坛,2019,18(03):63-64.
[9]张升.基于AngularJS的校友会网站的设计与实现[J].办公自动化,2018,23(24):24-27.
[10]王少丽. 基于AngularJS的前端开发框架的设计与应用[D]:[硕士学位论文].大连海事大学,2018.
[11]李平平,胡志勇.基于AngularJS的电商运营管理系统设计[J].电子设计工程,2017,25(22):41-44.
[12]王萍.WEB前端设计中Angular JS框架指令的运用[J].信息与电脑(理论版),2018(19):106-107.
[13]Bray T. The javascript object notation (json) data interchange format[R]. 2017.
[14]张宁.HTML5在移动互联网开发中的应用探究[J].信息与电脑(理论版),2019(02):185-186.
[15]胡文利.CSS技术在网页设计中的应用研究[J].计算机产品与流通,2019(01):105
[16] Bichhawat A, Rajani V, Garg D, et al. Information flow control in WebKitrsquo;s JavaScript bytecode[C]//International Conference on Principles of Security and Trust. Springer, Berlin, Heidelberg, 2014: 159-178.
[17]Saxena P, Akhawe D, Hanna S, et al. A symbolic execution framework for javascript[C]//Security and Privacy (SP), 2010 IEEE Symposium on. IEEE, 2010: 513-528.
以上是毕业论文文献综述，课题毕业论文、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。
