Angular入门2

1.MVC框架（最终目的：模块化、复用）

controller（控制器，把公共的东西抽取成一个service）

1）把操作DOM的操作封装到指令directive里面去

2）控制器controller之间的互相调用会导致非常强的耦合，所以交互一般通过scope或者数据模型（model）上面的事件来操作。

2.模块化   module

3.指令系统  （自定义标签，ng-xxx）

4.ng-app是AngularJS 启动的一个入口，可以理解为Java里面的main函数

rootScope:根作用域

1）ng-app里面的所有内容都归Angular JS来管——》找到所有的指令directive来进行编译——》找到ng-model，生成数据模型

2）directive生成视图

3）scope对象是有事件机制的。

4）$scope是树形结构，与DOM标签平行。

5.双向数据绑定 （表单比较常用，因为表单要获取用户输入的内容）

{{ 取值表达式 }}

6.npm start： 启动server

7.前端开发需要的环境：

1）代码编辑工具 （sublime（轻量级）、webstorm（比较耗资源））

webstorm中安装插件的方法：file——》settings——》Plugins——》选择安装

2）断点调试工具   （chrome+batarang）

batarang的安装：打开chrome浏览器——>更多工具——》扩展程序——》xxxx...........

3）版本管理工具: (Git、Git小乌龟（tortoiseGit）)

Github上面克隆项目的步骤：本地新建文件夹——》复制要克隆的Git地址——》在文件夹中右击——》Git Clone——》ok

4）代码合并和混淆工具  (NodeJs，通过grunt把多行代码压缩成一行)

安装nodejs

npm

grunt (安装方式：通过npm命令去安装)——>grunt插件安装（也是通过npm命令）

-g :global

5）依赖管理工具（bower，通过npm安装）

bower：自动安装所需要的组件，指定版本，自动检测版本兼容性

http-server （npm 安装） （输入http-server就可以启动服务了）

用来模拟数据

6）单元测试工具（node.js）

karma（npm 安装）+jasmine(分组、用例、期望、匹配)

7)集成测试工具

注：图片来自慕课网