AngularJS技术及其应用实践研究

任乐乐东华大学信息科学与技术学院 上海　201620

AngularJS技术及其应用实践研究

任乐乐
东华大学信息科学与技术学院 上海201620

摘要：近年来互联网和信息技术的不断进步，怎么高速构建有效、强大的动态网站成了很多人关注的焦点。此文是对以javas⁃cript为基础的的动态web应用框架AngularJS和其特征的简介与解析，了解其是怎么完成大量程序下的的高速开发。

关键词：AngularJS；应用；开发

WEB应用程序的开发是互联网的支柱，多年以来随着HTML 和javascipt的发展，在web应用程序的领域中，动态web应用程序成了其主要开发方式，同时AJAX还能进行网页的非同步更新，是其中不可缺少的核心技术。随着软件技术的高速发展，web应用程序在人们的目光中越来越受重视，迫切得需要一种更优良的开发体系，AngularJS应运而生，AngularJS是浏览器端的解决技术，是为了克服HTML在构建应用上的不足而设计出来的。在静态网页的解决方案中，我们通常使用HTML，但如果要构建WEB应用的话，HTML就显得乏力。我们需要一种的技术能够兼容HTML，从而解决在浏览器端能否实现动态网页的问题。

一、AngularJS的介绍

AngularJS是基于JavaScript的一个MVC框架，由谷歌公司在09年公开发布，其作用是让开发的流程变得简便，减少测试中的难度，使得在编制web应用的流程中，能同时看到其代码所表达的成果，有利于大面积得开发时，程序仍然能够保持自身的功能特性。AngularJS的简便之处在于，只要求在页面中载入angularJS库和在需要使用DOM上启用np-app就行了。很大程度上降低了前端开发工作人员的学习曲线，让程序的开发和维护以及测试变得更加简洁明了。

二、AngularJS的性能

Angularjs如此简洁的原因在于，开发者起初创造这个框架时的想法具有开创性以及其特别的数据绑定方式，此文对AngularJS的一些特性进行一些阐述，来表明为什么AngularJS可以把web开发变得如此简便。

（一）Mvc

MVC最早出现在19世纪70年代，model指代其中的数据，con⁃troller指代其内部的应用逻辑，view指代其表现的界面，而该设计模式的重点理念就是把之前三者的代码区分开，从而提升了程序的迁移性，让代码的逻辑变得清晰扼要，mvc框架目前广泛得运用在大部分的网络开发语言中，Angularjs自身也是通过MVC来实现的，在AngularJS中，mvc的三个部分分别是存储在对象的属性中，是JavaScript类和是人们所说的DOM。

（二）数据绑定

Ajax可以完成应用的数据迭代，但要求用户界面和JavasSript同时变动，而AngularJS使用的数据双绑定办法，让不要求编写任一代码，就可以做到改动页面的数据，Angularjs使用模板来完成数据的绑定，其中模板就是少许html片段，能够载入或者自定义在< sript>标签内，这里表现出AngularJS的又一个优势是能够自定义标签，可在编写网络页面的同时，可运用模板来自定义标签，而不是只是可以运用html的规范标签。

当模板载入以后，AngularJS会联合模板和数据，然后显示出数据和模板，且两者的载入是非同步的，把模板和数据割裂开，就能让模板被浏览器缓存，在初次要求之后，只要把数据载入到浏览器中就行，不只是提升了程序的特性，还完成了数据的随时迭代，数据绑定的定义就是如此，在AngularJS中，有两个数据绑定的方式，一个是使用mng-bind命令，另外一个是使用花括号来完成，两个方法都是等值的，当页面初次运用花括号的方式或许会让用户看到没有全部载入的界面，因此在开始页面的载入中，应该要求运用ng-blind命令来完成数据的绑定，从而优化界面的用户体验。

（三）指令

之前我们谈到的ng-app,ng-blind全是AngularJS的内部命令，命令是绑定在DOM元素上的函数，其可用之处在于辅助定义应用程序的视图，可通过调用方法和定义行为以及绑定controller和$scope对象。像上文所说，可使用命令来展开btml标签，并让加上新的标签来完成特别的功能。

（四）依赖注入

AngularJS的另外一个有价值的内容就是依赖注入，即人们所说的简便得获得想要的东西但又不需要去建设其所依附的东西，这是一种最少知识原则设计模式的一个表现，详细得说就是指当数据绑定后，能够立马注入$scope对象到controler内对数据的逻辑实施加工，而不用任一函数再去创建这个对象。

在实际的编程工作中，依赖注入在很大意义上使得动态web应用的开发得以加速。

三、结语

从目前的情况来看AngularJS在前端框架中慢慢变得主流，但这并不是说明就没有更好的替代品可以去替代，不过这一框架获得了很多的开发者和公司的看好，对于个人而言，在AngularJS上的投资是一个非常安全的赌注，并且在未来的几年将会获得非常丰厚的回报，这对创业的人来说，建立一个帮助AngularJS开发者的团队，就可以产生非常巨大的利益，从上面对AngularJS的分析来看，AngularJS必将成为下一代web开发的一项重要技术。

参考文献：

[1]董英茹.简谈AngularJS在下一代Web开发中的应用[J].软件工程师,2015,(5):30-31.

[2]陈涛.基于AngularJS和Bootstrap聊天室的设计与实现[J].电脑知识与技术,2015,(9):91-92,95.

[3]金称雄,陈佳泉,郑月斋等.基于AngularJS学生活动推广平台的设计与实现[J].科学导报,2015,(17):232.

[4]李红.主流Javascript框架比较与分析[J].鞍山师范学院学报,2015,(4):40-47.

[5]张丰麒,王飞.ReactJS的新特性在Web开发中的应用[J].移动信息,2015,(10):71-72.