之前对AngularJS有一定的了解,在此记录下对AngularJS自己的一点看法,当刚看到这个框架的时候我不禁感叹Google团队的设计者们的 创造性,和创新性实在是太惊人了,闲话不多说了。。写下那些让我感叹的东东吧。
一、MVC的结构模式
将前端的开发模式也构建在了MVC模式之下,以前对与JS的了解都只是停留在了一种脚本语言的程度上,不管是基于Js开发的Jqeury还是EXTJS都没有像AngularJS这样层次清晰,代码架构上面容易理解,在此不禁要感叹啊,这个对于将MVC模式用于整个项目开发的结构模式,它却是细化到了前端的开发之上这是很了不起的。
二、双向数据绑定
当刚看到这个名词的时候好熟悉啊,在flex或者说as中就出现了这一概念,当刚看到flex的时候觉得这样的操作非常的方便,同时也在想为什么js中没有出现这样的机制呢,毕竟as和js都是基于 ECMAScript 规范的啊,当接触到AngularJS时彻底被它的强大打败了,当时还有过想自己基于Js实现双向绑定的想法,现在不用了已经有人给了我们一个现成的框架了。
三、依赖 注入
最开始接触到这个词的时候是在spring中,在spring中依赖注入(控制反转)是一个非常重要的概念,在此之后发现很多框架中都有对此概念做了实现比如struts2、servlet都有相应的具体实现方式,但是对于这些框架或者技术来讲他们停留的位置都是在后台代码之中,但是google团队却将之应用到了前台框架之中并且在使用上也是非常的方便和简单,这不禁又使我小开心了一把。
四、指令
对于AngularJS来说它的指令系统也是非常的强大的,你可以使用它内部的指令或者你自定义的指令来完成你想要的工作,这对于它来讲也是非常简单和方便的,对于之前的ssh框架来讲,从后台接受到数据之后你可以js或者jquery、jstl等用于做回显,先说说js和jquery的方式,对于这两种方式或者说是同类的方式实现起来比较复杂往往需要程序员写很多的脚本才能完成指定的工作,而jstl在其结构和代码清晰结构都是比较好的,要实现同一个jstl和js都能完成的功能时我相信你会选择前者,但是不信的消息是jstl的使用范围是有限制的。同时我也相信你在html中基本上不会使用jstl吧,也许你会说你可以使用freemark的方式,但是不幸的是这样实现也是非常复杂的。但是AngularJS却可以使用它的指令系统轻松的完成上面你需要完成的工作。
以上是我对AngularJS的一些心得和体会,但是这些还只是我对AngularJS我感触比较深的几点做了记录,它还有还有很多不错的东西值得慢慢品味,总的来说它是一个非常不错的前端框架它可以有效的减少你的项目的代码量同时增强你的结构性和清晰程度,同时对于你的前端的单元测试是非常的方便可以有效的修改前端bug,本人表示实属小白如果什么地方有错误或者有出入的地方还希望各位大牛不吝赐教。
相关推荐
两本书的pdf:AngularJS中文版+精通AngularJS,提供方式:百度云链接+密码
AngularJS by Example,AngularJS Web Application Development Cookbook,Apress.Pro.AngularJS.
AngularJS_权威教程.pdf AngularJS_深度剖析与最佳实践.pdf
《精通AngularJS》深入浅出地讲解了AngularJS的开发概念和原理,并通过丰富的开发实例向读者展示了构建复杂应用的完整过程,包括学习使用AngularJS特有的基于DOM的模板系统,实现复杂的后端通信,创建漂亮的表单,...
angularJS router filter service diractive
angularjs 1.6从0开始环境搭建,路由配置,封装请求,封装指令,注入服务。
AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中,并且得到众多前端工程师的青睐。, 《AngularJS高级程序设计》是AngularJS程序设计的高级指南。全书共25章,分为3个部分,每部分覆盖一组相关话题...
AngularJS Eclipse 插件为Eclipse提供对AngularJS的支持
(精通AngularJS)Mastering Web Application Development with AngularJS code 源代码
<最新AngularJS开发宝典视频教程> ├最新AngularJS开发宝典—第001讲 什么是Angular及与Jquery实例对比分析.mp4 ├最新AngularJS开发宝典—第002讲 模块、控制器、视图模型、双向数据绑定模型、双向数据绑定.mp4 ├...
AngularJS+ NodeJS
Get introduced to the key features of AngularJS and understand its role in responsive design Learn various approaches for responsive web application development Discover practical examples to ...
里面有精通angularjs权威指南和精通angularjs两本书的pdf,我从两本书中学到很多开发技术,希望大家也能从中获取很多。
【AngularJS入门教程02:AngularJS模板】 AngularJS初学者看到中文入门教程,却无法使用GitHub下载到配套的Angular的Seed工程,因此学习曲线大。 在此专门从GitHub下载配套工程打包分享给大家。 本集教程地址: ...
Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件,接下来通过本文给大家介绍AngularJS入门心得之directive和controller通信过程,对angularjs相关知识感兴趣的朋友一起学习吧
AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVW(Model-View-Whatever)、模块化、自动...
angularjs分页实例
angularJS理论与实战.ppt 掌握AngularJS用法、理解AngularJS核心概念、使用AngularJS进行开发
AngularJS开发必备
AngularJS诞生于Google,已用于开发多款Google产品。它是一套JavaScript前端框架,用于开发当下流行的以数据驱动的单页面Web应用。其核心特性是:MVC、模块化、自动双向数据绑定、语义化标签、依赖注入等。《精通...