##AngularJS
AngularJS是一款由Google公司开发维护的前端MVC框架,
其克服了HTML在构建应用上的诸多不足,从而降低了开发成本提升了开发效率。
使用双大括号{{}}语法进行数据绑定;
使用DOM控制结构来实现迭代或者隐藏DOM片段;
支持表单和表单的验证;
能将逻辑代码关联到相关的DOM元素上;
能将HTML分组成可重用的组件。
#AngularJS下载
1 AngularJs官网下载 (翻墙)
2 通过npm下载 npm install angular
3 通过bower下载 bower install angular
#AngularJs与jQuery区别
jQuery: 准确的说是一个类库(类库是一系列函数的集合),DOM为驱动核心
AngularJS: 是一个框架(是许多类库的集合) 以数据和逻辑维驱动(核心),
框架对开发的流程和模式做了约束 对比约束进行开发 更注重实际的业务逻辑
#MVC
MVC是一种开发模式,由模型(Model)、视图(View)、控制器(Controller)3部分构成,
采用这种开发模式为合理组织代码提供了方便、降低了代码间的耦合度、功能结构清晰可见。
MVC更多应用在后端开发程序里,后被引入到前端开发中,由于受到前端技术的限制便有了一些细节的调整,
进而出现了很多MVC的衍生版(子集)如MVVM、MVW、MVP、MV*等。
模型(Model)一般用来处理数据(读取/设置),一般指操作数据库。
视图(View)一般用来展示数据,比如通过HTML展示。
控制器(Controller)一般用做连接模型和视图的桥梁。
#AngularJs核心:
##模块化: 将应用划分维如干模块,每个模块有各自的职责,实现代码复用,最总组合成一个整体
##数据绑定:
单项绑定:模型到试图的数据传递
ng-bind :数据不会闪烁
{{}} :数据会闪烁 解决办法 属性加上 ng-bloak 并将Angular.js包放在前边引入
ng-bind-template:多数据绑定
配图说明...............
双向绑定:模型与视图之间相互传递数据
ng-model:<input type="text" ng-model="xxx"> 模型到试图的数据传递需要结束表单元素
语义化标签,
依赖注入..
##指令:
通过扩展一系列的HTML属性或标签来弥补HTML在构建应用(App)时存在诸多不足之处
##作用域:
控制器(每个都对应一个模型)之间产生嵌套 每个模型又是一个对象 所以$scope便产生了作用域
##过滤器:
在AngularJS中使用过滤器格式化展示数据,在“{{}}”中使用“|”来调用过滤器,使用“:”传递参数。
##依赖注入:
运行时自动查找依赖关系,然后将查找到依赖传递给使用者的一种机制 AngularJS内置有许多服务
##服务:
服务是一个对象或函数,对外提供特定的功能。
##模块加载:
模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段配置不同的逻辑
##路由..
一个应用是由若个视图组合而成的,根据不同的业务逻辑展示给用户不同的视图,路由则是实现这一功能的关键
# 类似框架: BackBone、KnockoutJS、Vue、React..
AngularJS是一款由Google公司开发维护的前端MVC框架,
其克服了HTML在构建应用上的诸多不足,从而降低了开发成本提升了开发效率。
使用双大括号{{}}语法进行数据绑定;
使用DOM控制结构来实现迭代或者隐藏DOM片段;
支持表单和表单的验证;
能将逻辑代码关联到相关的DOM元素上;
能将HTML分组成可重用的组件。
#AngularJS下载
1 AngularJs官网下载 (翻墙)
2 通过npm下载 npm install angular
3 通过bower下载 bower install angular
#AngularJs与jQuery区别
jQuery: 准确的说是一个类库(类库是一系列函数的集合),DOM为驱动核心
AngularJS: 是一个框架(是许多类库的集合) 以数据和逻辑维驱动(核心),
框架对开发的流程和模式做了约束 对比约束进行开发 更注重实际的业务逻辑
#MVC
MVC是一种开发模式,由模型(Model)、视图(View)、控制器(Controller)3部分构成,
采用这种开发模式为合理组织代码提供了方便、降低了代码间的耦合度、功能结构清晰可见。
MVC更多应用在后端开发程序里,后被引入到前端开发中,由于受到前端技术的限制便有了一些细节的调整,
进而出现了很多MVC的衍生版(子集)如MVVM、MVW、MVP、MV*等。
模型(Model)一般用来处理数据(读取/设置),一般指操作数据库。
视图(View)一般用来展示数据,比如通过HTML展示。
控制器(Controller)一般用做连接模型和视图的桥梁。
#AngularJs核心:
##模块化: 将应用划分维如干模块,每个模块有各自的职责,实现代码复用,最总组合成一个整体
##数据绑定:
单项绑定:模型到试图的数据传递
ng-bind :数据不会闪烁
{{}} :数据会闪烁 解决办法 属性加上 ng-bloak 并将Angular.js包放在前边引入
ng-bind-template:多数据绑定
配图说明...............
双向绑定:模型与视图之间相互传递数据
ng-model:<input type="text" ng-model="xxx"> 模型到试图的数据传递需要结束表单元素
语义化标签,
依赖注入..
##指令:
通过扩展一系列的HTML属性或标签来弥补HTML在构建应用(App)时存在诸多不足之处
##作用域:
控制器(每个都对应一个模型)之间产生嵌套 每个模型又是一个对象 所以$scope便产生了作用域
##过滤器:
在AngularJS中使用过滤器格式化展示数据,在“{{}}”中使用“|”来调用过滤器,使用“:”传递参数。
##依赖注入:
运行时自动查找依赖关系,然后将查找到依赖传递给使用者的一种机制 AngularJS内置有许多服务
##服务:
服务是一个对象或函数,对外提供特定的功能。
##模块加载:
模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段配置不同的逻辑
##路由..
一个应用是由若个视图组合而成的,根据不同的业务逻辑展示给用户不同的视图,路由则是实现这一功能的关键
# 类似框架: BackBone、KnockoutJS、Vue、React..