`

AngularJS心得回顾

阅读更多

     之前对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,本人表示实属小白如果什么地方有错误或者有出入的地方还希望各位大牛不吝赐教。

       

2
0
分享到:
评论

相关推荐

    Angularjs 合集 Angularjs 合集

    这个合集包含了三本书籍,分别是《AngularJS by Example》、《AngularJS Web Application Development Cookbook》以及《Apress.Pro.AngularJS》,它们分别从不同的角度深入探讨了AngularJS的使用和开发。 ...

    AngularJS书两本

    AngularJS,作为一款由Google维护的前端JavaScript框架,自2010年发布以来,一直在Web开发领域占据重要地位。这两本书《AngularJS_权威教程》和《AngularJS_深度剖析与最佳实践》将帮助我们深入理解并掌握这一强大的...

    angularJs权威和精通angularjs

    AngularJS,作为一款由Google维护的前端JavaScript框架,自2010年发布以来,一直在Web开发领域占据着重要的地位。它以其强大的双向数据绑定、依赖注入和模块化设计,极大地提高了开发效率,使得构建复杂的单页应用...

    AngularJS中文版pdf+精通AngularJS PDF

    两本书的pdf:AngularJS中文版+精通AngularJS,提供方式:百度云链接+密码

    AngularJS Eclipse 1.2.0 插件下载

    AngularJS Eclipse 1.2.0 插件是专为开发者设计的一款强大的工具,它将AngularJS框架与Eclipse集成,极大地提升了开发AngularJS应用程序的效率。Eclipse是一款广泛使用的开源集成开发环境(IDE),而AngularJS则是一...

    AngularJS学习 chm 文件

    AngularJS,是由Google维护的开源JavaScript框架,用于构建单页应用程序(SPA)。它极大地扩展了HTML的功能,使得在客户端能够更高效地处理数据和逻辑,提供了丰富的开发工具和API,帮助开发者构建动态、交互性强的...

    angularJs demo 各种基本用法

    AngularJS 是一个强大的JavaScript框架,主要用于构建动态web应用。它通过数据绑定和依赖注入机制,极大地简化了前端开发。在"angularJs demo 各种基本用法"中,我们可以深入探讨以下几个关键概念:路由(router)、...

    AngularJS开发ASP.NET MVC

    ### AngularJS 开发 ASP.NET MVC #### 知识点概览 - **AngularJS与ASP.NET MVC结合的优势** - **AngularJS的特点与优势** - **AngularJS的基本概念(如数据绑定、指令等)** - **如何在ASP.NET MVC项目中引入...

    Mastering Web Application Development with AngularJS

    《精通AngularJS》深入浅出地讲解了AngularJS的开发概念和原理,并通过丰富的开发实例向读者展示了构建复杂应用的完整过程,包括学习使用AngularJS特有的基于DOM的模板系统,实现复杂的后端通信,创建漂亮的表单,...

    AngularJs 1.5.8

    AngularJS 1.5.8 是一个非常重要的版本,它是Google开发的JavaScript框架AngularJS的稳定版本之一。这个框架主要用于构建动态web应用,通过MVC(Model-View-Controller)架构模式来简化前端开发,提供了丰富的特性以...

    AngularJS高级程序设计

    AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中,并且得到众多前端工程师的青睐。, 《AngularJS高级程序设计》是AngularJS程序设计的高级指南。全书共25章,分为3个部分,每部分覆盖一组相关话题...

    (精通AngularJS)Mastering Web Application Development with AngularJS code 源代码

    (精通AngularJS)Mastering Web Application Development with AngularJS code 源代码

    angularjs管理系统框架

    **AngularJS 管理系统框架详解** AngularJS 是一款由 Google 维护的前端 JavaScript 框架,它主要用于构建动态单页应用程序(SPA)。这个"angularjs 管理系统框架"是一个基于 AngularJS 和 Bootstrap 的后台管理...

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    <最新AngularJS开发宝典视频教程> ├最新AngularJS开发宝典—第001讲 什么是Angular及与Jquery实例对比分析.mp4 ├最新AngularJS开发宝典—第002讲 模块、控制器、视图模型、双向数据绑定模型、双向数据绑定.mp4 ├...

    Angularjs_in_action

    ### AngularJS概述与基础知识 #### 一、AngularJS简介 AngularJS是一款由Google维护的开源JavaScript框架,旨在通过HTML扩展来解决单页面应用(SPA, Single Page Application)开发中的常见问题。它允许开发者以...

    Professional.AngularJS.1118832078

    A comprehensive guide to AngularJS, Google's open-source client-side framework for app development. Most of the existing guides to AngularJS struggle to provide simple and understandable explanations...

    JS AngularJS 学习笔记

    **AngularJS 框架详解** AngularJS 是一个强大的JavaScript框架,由Google维护,用于构建动态Web应用。它通过MVC(模型-视图-控制器)架构模式简化了前端开发,使得开发者能够更加高效地组织和管理代码。AngularJS...

    AngularJS 1.2.19&1.3.0

    AngularJS 是一个强大的JavaScript框架,主要用于构建动态网页应用。它由Google维护,提供了一套丰富的指令、服务和数据绑定机制,极大地简化了前端开发。在本案例中,我们有两个版本的AngularJS,分别是1.2.19和...

    AngularJs简介及例子

    AngularJS,是由Google维护的一个开源JavaScript框架,主要用于构建单页应用程序(Single-Page Applications, SPA)。这个框架将MVC(模型-视图-控制器)架构模式引入到前端开发中,极大地提高了开发效率和代码可...

    AngularJS1.x快速入门

    ### AngularJS1.x快速入门知识点总结 #### 一、AngularJS概述 - **定义**:AngularJS是一款由Google维护的开源JavaScript框架,主要用于构建动态Web应用程序。它采用MVC(Model-View-Controller)设计模式,并实现...

Global site tag (gtag.js) - Google Analytics