最近学习了AngluarJS,通过阅读别人的资料,了解一些知识,并以此记录,方便记忆。
AngularJS是一个动态WEB应用设计的结构框架,扩展了HTML得语言,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使用HTML申明动态内容。
1.双向数据绑定 —— 实现了把model与view完全绑定在一起,model变化,view也变化,反之亦然。
2.模板加载器(AMD) —— 在AngularJS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM,也就是说AuguarJS把模板当做DOM来操作,去生成一些指令来完成对view的数据绑定。运行在浏览器端的模块加载器,可以智能解析依赖关系,并自动加载相关模块。
3.前端框架MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。数据逻辑展现分离,数据js逻辑,代码html、css展现。数据是核心,VM与V是双向绑定,操作VM中的数据,同步到DOM。
MVVM模式是Model-View-ViewMode模式的简称,由视图(view)、视图模型(viewModel)、模型(Mode)三部分组成,通过这三部分实现UI逻辑,呈现逻辑和状态控制、数据与业务逻辑的分离。
Mode将和ViewMode互动(通过$scope对象),将监听Mode的变化。这些可以通过View来发送和渲染,由HTML来展示你的代码。View可以通过$routeProvide来发送和渲染。
MVVM的四大优点:
1)低耦合
2)可重用性
3)独立开发
4)可测试性
4.依赖注入 —— AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。主要目的是开发出松散耦合、可维护、可测试的代码和程序。
5.指令 —— 可以用来创建自定义的标签,也可以用来装饰元素或者操作DOM属性,在编写AngluarJS的代码中通常都有比较普遍的应用。