zoukankan      html  css  js  c++  java
  • AngularJS 实战讲义笔记

    第一部分 快速上手

    1.1 感受AngularJs四大核心特性(MVC, 模块化,指令系统,双向数据绑定)
    1.2 搭建自动化的前端开发,调试,测试环境

    • 代码编辑工具 (sublime)
    • 断点调试工具 (AngularJS Batarang、chrome)
    • 版本管理工具 (git、tortoisegit)
    • 代码合并和混淆工具 (grunt)
    • 依赖管理工具 (bower 适用于大型项目、轻量级Server---http-server)
    • 单元测试工具 (karma 、jasmine)
    • 集成测试工具 (Protractor)

    第二部分 基本概念和用法

    2.1 MVC

    $scope

    • $scope 是一个POJO(Plain Old JavaScript Object)
    • $scope 提供了一些工具方法$watch()/$apply()
    • $scope 是表达式的执行环境(或者说作用域)
    • $scope 是一个树形结构,与DOM标签平行
    • 子$scope对象会继承父$scope上的属性和方法
    • 每一个Angular应用只有一个根$scope对象(一般位于ng-app上)
    • $scope可以传播时间,类似DOM时间,可以向上也可以向下
    • $scope 不仅是MVC的基础,也是实现双向数据绑定的基础
    • 可以用angular.element($0).scope()进行调试

    2.2 模块化与依赖注入;
    2.3 双向数据绑定;
    2.4 指令;
    2.5 Service;
    2.6 Provider;
    2.7 表单;
    2.8 综合实例 BookStore;


    第三部分 核心原理解析
    3.1 Parser;
    3.2 双向数据绑定;
    3.3 依赖注入;

    第四部分 ng控件开发
    4.1 用AngularJs 改写JQuery控件;
    4.2 angularjs-ui;
    4.3 移动控件库 ionic;

    第五部分:TDD 和前端自动化测试
    5.1 TDD;(测试驱动开发
    5.2 详解Jasmine与Protractor;

  • 相关阅读:
    python中几种数据类型常用的方法
    WSGI
    从开学到初赛的一些个人总结
    CSP-S2020 浙江 游记
    CF1416D Graph and Queries
    单次期望 O(1) 的RMQ
    P3177 [HAOI2015]树上染色
    CF835F Roads in the Kingdom/P1399 [NOI2013]快餐店
    P4381 [IOI2008]Island
    P5655 基础数论函数练习题
  • 原文地址:https://www.cnblogs.com/code-charmer/p/4633131.html
Copyright © 2011-2022 走看看