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)集成测试工具
注:图片来自慕课网 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |