Angular入门2
来源:互联网 发布:迅雷你的网络未连接 编辑:程序博客网 时间:2024/05/16 10:35
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)集成测试工具
注:图片来自慕课网
- Angular入门2
- angular入门2
- angular入门2
- Angular入门篇1-2
- angular入门
- Angular----入门
- angular入门
- Angular入门
- angular入门
- Angular入门
- angular入门
- Angular入门
- angular入门
- angular入门
- Angular快速入门2 ---控制器(controller)
- angular js 入门2 $watch 监听事件
- 揭秘Angular 2(一):TypeScript入门
- Angular.js入门
- 浅谈 EOF,BOF
- 杂记 - 老书店
- 智能网联汽车发展现状与趋势分析
- hzauoj Problem H: Eat Candy (暴力)
- 第7课:Spark Streaming源码解读之JobScheduler内幕实现和深度思考
- Angular入门2
- Building Web Apps in WebView
- 使用MATLAB工具箱TOOLBOX_calib标定摄像头过程
- Linux is not Matrix——日志搜集平台ELK(I)
- 搭建一个私有registry服务(基础版本)
- 归纳法证明汉诺塔解析式思路
- 67. Add Binary
- 360开源的类Redis存储系统:Pika
- Java编程思想[二]操作符