AngularJS

[baidut]

AngularJS中文网

英文视频教程 学编程的同时学英语

https://egghead.io/technologies/angularjs

思考问题

• mvc为什么不是设计模式 http://damoqiongqiu.iteye.com/blog/1949256
• AngularJS 独有的双向数据绑定特性
  • 为什么其他库不实现双向数据绑定
  • 你会如何实现
  • 有什么缺陷？

工具

一般常用grunt karma jasmine

• 代码编辑工具 sublime 或者 比较大的webstrom-ang
• 断点调试工具 高大上的angular定制的Batarang chrome插件 或 古典的firebug 使用时F12即可
• 版本管理工具 使用git替代已经过时的 svn 和 cvs， GUI一般采用小乌龟
• 代码压缩和混淆工具 防止暴露业务逻辑
• 依赖管理工具 bower npm install 小工程没必要使用，比较麻烦 牛刀小用
• 轻量级 http-server 任意目录启动http服务 npm安装
• 单元测试runner karma用来跑单元测试代码 karma-coverage测试覆盖率 配合jasmine 提供一套语法用来编写测试用例 相当于java junit
• AngularJS专门定制的测试工具 Protractor

npm node package model

grunt 以及其插件

一些知识点

• ng的视图实现机制：指令 taglib 自定义标签
• ng-app 就像main函数，一个页面只能有一个，组为唯一的入口
• 很多工具都是基于nodejs,所以nodejs少不了
• 工具第五课讲了目录结构
• 火狐 inspect angularjs scope插件
• sublime 音标：[sə'blaɪm]
• div.row>a.col-md-12*10然后CTRL+E是sublime里的Emmet插件实现
• MVC3课程可以看到作者的火狐插件
• 仅仅讲用到的，先低级入门，用不到的先不用讲。