Angular入门2

前端之家收集整理的这篇文章主要介绍了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)集成测试工具


注:图片来自慕课网

原文链接:https://www.f2er.com/angularjs/149515.html

猜你在找的Angularjs相关文章