前端

AngularJS阅读笔记

2015-04-09  本文已影响101人  哈哈哈呵呵呵

       知道AngularJS这个前端开发框架挺早的,大概是2013年的样子,但是我被之前的学习能力以及学习状态所限制,一直困在Rails的学习中无法抽身,一直没有开始学习前端的精力,仅仅学习了一些入门级的前端知识。

       之前发生的事情较多,不知道什么事情触动了我。让我产生了这样一个想法或者说明白了一个道理:不断学习。不断学习,不管学习的东西有没有用。用心学习,把你要感兴趣的东西攥在手里,保证你想用的时候可以拿得出手。积极生活,尽量保持对生活的兴趣。

       话不多说,记录一下。

       AngularJS这个前端框架,有什么独到之处呢?这是我学习这个框架开始的时候带着的问题。当然,这种对比是同jQuery这个我曾经使用过一段实践的JavaScript类库对比产生的,由于我并没有使用过backbone及其他新兴的框架,也没有发言权。

      通过阅读中文文档及AngularJS官方网站的developer guide,API文档,相关的concept等等,之后又通过慕课网的视频教程,对Angular有了一定层次的认识。

     第一点,MVC。对于这个概念,由于之前学习Ruby on Rails的原因,比较熟悉。模型,控制器和视图。

     第二点,双向数据绑定。这里的双向是指模型和视图两者之间数据的同步,任何一方的改变都会带来另一方数据的相应改变。M和V之间数据的双向绑定,是通过C来完成的。在控制器中,有一个$scope的变量,这个变量,可以看成是视图的作用域在控制器中的引用。这种数据的双向绑定使得表单验证,AJAX等功能很容易的实现。

      第三点,依赖注入。在一个模块构建的时候,我们需要注明构建这个模块所依赖的其他模块或者变量、函数等等。 通过这种方式,AngularJS可以将一个大型的应用拆解为多个模块,为整个系统解耦,提高代码的复用率。

     第四点,指令系统。指令系统充是AngularJS非常吸引人的一个特色,AngularJS也因为指令系统而变得非常复杂。指令系统有两个重要的概念,compile函数和link函数。理解了这两个函数的工作流程,对于我们深入了解AngularJS的工作机制有非常大的帮助。

     以上是AngularJS核心概念。在理解了相关概念后,我们基本上可以使用AngularJS这个框架开始全新的前端开发体验。

     Angular的相关概念、开发指南和API文档我们都可以在AngularJS官网中找到,这里也是最为权威的开发社区。

上一篇下一篇

猜你喜欢

热点阅读