SDK.CN

AngularJS入门与提高

来源:汇智网
时间:多个视屏
难度:中级
播放:204

视频简介

AngularJS是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。

章节介绍

 站在jQuery的肩膀上

  •  jQuery时代
  •  jQuery的关注点
  •  时钟示例
  •  还能再简单些吗
  •  库 vs. 框架
  •  AngularJS中的jQuery

 AngularJS应用开发思维之1:声明式界面

  •  重写时钟示例
  •  清爽的HTML文档
  •  指令 = API
  •  从界面的声明化出发

 AngularJS应用开发思维之2:数据绑定

  •  数据怎么显示?
  •  将数据传递给指令
  •  作用域
  •  层级的作用域
  •  监听数据的变化
  •  如何修改数据?
  •  数据变化的传播

 AngularJS应用开发思维之3:依赖注入

  •  找不到的API?
  •  注入器
  •  注册服务组件
  •  调用组件服务
  •  注入的方式和原理

 AngularJS的启动引导过程

  •  引导之前
  •  自动引导启动框架
  •  手工引导启动框架
  •  引导第1步:创建注入器
  •  引导第2步:创建根作用域
  •  引导第3步:编译DOM子树
  •  编译器/$compile
  •  指令/directive
  •  指令的规范化

 使用控制器封装业务逻辑

  •  理解控制器
  •  使用控制器
  •  控制器对scope的影响
  •  初始化$scope对象
  •  向scope对象添加方法
  •  DON'T DO IT

 使用服务封装可复用代码

  •  创建服务组件
  •  可配置的服务
  •  服务定义语法糖
  •  factory:对象工厂方法
  •  service:类构造函数方法
  •  value:返回值
  •  constant:返回常量

 使用指令封装DOM操作

  •  创建指令
  •  指令定义对象
  •  template:定义替换模板
  •  restrict:限制指令的出现位置
  •  replace:模板的使用方式
  •  作用域问题
  •  scope:使用隔离的作用域
  •  link:在指令中操作DOM
  •  transclude:包含其他元素

 使用过滤器转化输出

  •  在视图模板中使用过滤器
  •  在代码中使用过滤器
  •  创建过滤器
  •  为过滤器增加参数
相关工具

相关视频

推荐工具 意见反馈