简谈angularjs在下一代web开发中的应用

《简谈angularjs在下一代web开发中的应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、简谈AngularJS在下一代Web开发中的应用摘要：随着互联网开发技术的迅猛发展，Web开发技术为了能够适应这一行业发展的需要，在技术上不断的推陈出新，作为Web开发中比较重要的一个环节一一浏览器端的开发技术一直是行业内热议的焦点，AngularJS技术的日渐成熟，可能将会引领Web开发技术走向一个新的阶段。关键词：AngularJS；Web开发;浏览器端技术中图分类号：TP31文献标识码：A1引言(Introduction)AnguladS作为浏览器端的解决技术，主要是为了克服HTML在构建应用上的不足而设计的。在浏览器端的技术中，在静态网页

2、的解决方案中，我们通常使用HTML。它是一种声明式标签语言，但要构建WEB应用的话HTML标签语言就显得乏力了。所以我们需要一种能够兼容HTML的技术，用来解决浏览器端实现动态网页的问题。1AngularJS的工作原理(TheworkingprincipleofAngularJS)2.1AngUladS与浏览器的交互当我们用浏览器去访问带有AnguladS的html脚本的时候，浏览器依次做了如下一些事情：(1)首先进行html加载，然后将其解析成为DOM；(2)在浏览器中加载angular.js的脚本；(3)AnguladS等待DOMConten

3、tLoaded事件的角虫发；(4)AngularJS寻找ng-app指令，该指令将起到确定应用程序的边界的作用；(5)酉己置$injector，该配置使用ng-app中指定的模块；(6)使用injector创建$rootScope服务和compile；(7)使用compile服务编译DOM并把它链接到rootScope上；(8)ng-init指令对scope里面的变量进行赋值;(9)对表达式｛｛变量｝｝进行替换。AngularJS与浏览器的整个交互流程如图1所示。2.2AngularJS与用户的交互在理解了AngularJS与浏览器的交互流程以后

4、，我们接下来要了解的就是它是如何跟用户来交互的。整体来说，主要分为以下三个阶段。(1)浏览器的事件回路一直处于等待事件触发的状态，这里面的事件包括用户的交互操作、定时事件或者网络事件。(2)—旦有事件触发浏览器的事件回路，就会进入到javascript的context中，这个过程中一般使用回调函数来修改DOM。(3)当回调函数执行完成以后，浏览器会根据新的DOM来组织渲染新的浏览器页面。AngularJS与用户的交互循环过程如图2所示。1AngularJS的应用(TheapplicationofAngularJS)3.1AngularJS在大型W

5、eb开发中的应用AngularJS是一种非常适合编写大型应用的jS框架。我们可以直接拿来使用，它的开发周期很快，而且它会对组织应用的结构很有帮助。AngularJS作为JavaScript框架，对模型层的完全掌控是它的独到之处而与此同时AngularJS也是强大的，因为应用程序的核心就是我们的数据，而各种应用之间的数据又有很大区别。AnguladS可以对这些不同的、区别很大的数据进行整合，甚至于会用于数据的存储。动态Web应用设计是一个能让我们使用HTML作为模板的语言，通过扩展HTML的语法，让我们能更清楚、简洁地构建我们的应用组件。它的创新点

6、在于，利用依赖注入和数据绑定，可以使我们再开发过程中不再写大量的冗余代码。3.2AngularJS的扩展应用(1)AnguladS认证模块SatellizerSatellizer是一个端到端的基于token的AngularJS认证模块，Satellizer支持Google、Facebook、Linkedln和Twitter认证体系，并且也提供邮箱和密码的登录方式，另夕卜Satellizer支持OAuth1.0和2.0规范，所以你可以更加灵活地扩展认证方法。(2)AnguladS的UI扩展模块AngularlllAngularUl为AngularJ

7、S提供了很多UI增强效果，并且提供了IE、jQuery兼容，以及一些常用UI组件。(3)Bootstrap集成AnguladS模块AngularStrapAngula「Strap可以非常完美地将Bootstra集成到AngularJS中，AngularStrap包含大部分支持AngularJS指令，所以并不需要依赖其他的样式和脚本。(4)AngularStrap实时、多用户应用模块GoAngularGoAngular可让你轻松使用AngularJS和Golnstant构建实时、多用户的应用程序。(1)AngularJS的UI组件adapt-str

8、apadapt-strap是AngularJSIII组件和实用工具，是基于AngularJS1.2+和bootstrap3的。(6)An