AngularJS小记

来源:互联网 发布:兴城淘宝美工招聘 编辑:程序博客网 时间:2024/06/03 13:30
angularJS是1,在2中就是angular了

特性:MVC(Model:数据模型层;View:视图层,负责展示;Controller:业务逻辑和控制逻辑)
好处:职责清晰,代码模块化

需要什么样的前端开发环境:
1、代码编辑工具:sublime、webstorm
2、断点调试工具:chrome插件Batarang
3、版本管理工具:git、git小乌龟
4、代码合并和混淆工具:grunt
5、依赖管理工具:bower
6、单元测试工具:karma,使用jasmine编写测试用例(jasmine核心:分组、用例、期望、匹配)
7、集成测试工具
node.js是一个最基本的存在
开发和调试工具:nodejs(下载grunt)
轻量级Server:http-server
Protractor——专门为AngularJS定制的测试工具


MVC只是手段,终极目标是模块化和复用
AngularJS的MVC是借助于$scope实现的。


$scope:
1、$scope是一个POJO(Plain Old JavaScript Object)
2、$scope提供了一些工具方法$watch()/$apply()
3、$scope是表达式的执行环境(或者叫作用域)
4、$scope是一个树型对象,与DOM标签平行
5、子$scope对象会继承父$scope上的属性和方法
6、每一个Angular应用只有一个根$scope对象(一般位于ng-app上)
7、$scope可以传播事件,类似DOM事件,可以 向上也可以向下
8、$scope不仅是MVC基础,也是后面实现双向数据绑定的基础
9、可以用angular.element($0).scope()进行调试

AngularJS四大核心特性
1、MVC
2、模块化和依赖注入
3、双向数据绑定
4、指令


ERP类型的系统必备的UI组件:
Form、DatePicker、FileUpload、Tree、DataGrid


自己定义的service不需要“$”符号,而且写在最后面
Service的特性:
Service都是单例的
Service由$injector负责实例化
Service在整个应用的生命周期中存在,可以用来共享数据
在需要使用的地方利用依赖注入机制注入Service
自定义的Service需要写在内置的Service后面
内置Service的命名以$符号开头,自定义Service应该避免


Service、Provider、Factory本质上都是Provider

Provider模式是“策略模式”+“抽象工厂模式”的混合体


原创粉丝点击