zoukankan      html  css  js  c++  java
  • AngularJs学习笔记-慕课网AngularJS实战

    第1章 快速上手

    放弃了IE8以及以下,不支持。

    4大核心特性:

    1.MVC

      Model: 数据模型

      View:视图

      Controller:业务逻辑和控制逻辑

      好处:职责清晰,模块化。

    2.模块化

    3.指令系统 (AngularJs特有的)

    4.双向数据绑定(AngularJs特有的)

     

    开发工具: webstorm最强大,占用资源比较多。轻量级:sublime.

    调试工具:chrome插件batarang, 它是专门针对angularJS的。

    版本管理工具: git小乌龟

    基于nodejs的开发和调试工具

    混淆工具:grunt

    依赖管理工具:bower, 自动安装需要的插件,比如jquery。 比如bootstrap依赖jquery,删掉jquery的时候,它会提示你。  不是很有必要用。

    轻量级的http server, 基于nodejs。  github.com上下载

    单元测试工具:karma,它没有写单元测试用例的功能。 结合 jasmine用。 这样前台也能实现自动化测试了。

    为AngularJs专门设计的测试工具:Protractor

    第2章 基本概念和用法

    2.1 MVC:为了模块化和复用。

      代码规模越来越大,切分职责。

      复用:很多逻辑是一样的。

      后期维护方便,改一块不影响其他。

    Controller实现:不推荐用Controller嵌套,实现通用(<div ng-controller='parent'><div ng-controller='child'></div></div>), ng的规范写法是:把公共的东西做成Service。

    Angular Controller注意要点:

    1.不要试图复用Controller,gn设计思想,是用来存放业务逻辑的,没有复用的必要。

    2.不要操作dom,用指令去操作。会造成页面重新布局,这个操作是非常耗资源。

    3.不要做数据格式化,ng有很好的表单控件

    4.不要做数据过滤操作,ng有$filter服务

    5.一般来说Controller不会相互调用,是函数方法调用,太高耦合了。控制器交互通过事件进行。

      通过scope或者数据模型上的事件进行交互,Controller在内部监控这些事件,从而实现交互。

    Model: $scope.属性

    View: 通过指令Directive实现

    ng中MVC全部借助于$scope实现。

    先在$scope中找指令,如果没有找到,再找$rootScope。 (通过查看源文件发现,和想象之中一样,页面render到浏览器的是没有解析过的指令,最终呈现的是ng解析过的demo)

    第3章 核心原理解析
    第4章 用AngularJS开发移动APP
    第5章 前端自动化测试 TDD(测试驱动开发)

    课程地址:http://www.imooc.com/view/156

  • 相关阅读:
    删除无效的SQL SERVER组中的注册的几种方法
    SQLServer中把某个表里的记录复制到另一个数据库的表中
    文件上传 带进度条(多种风格)
    Team Leader你会带团队吗?你懂合作吗?你好像都不会啊!(上)
    整理.Net代码生成器(转)
    SQL SERVER 2000数据库,转换为ACCESS数据库(已解决ACCESS自动编号问题)
    js中prototype用法
    js在火狐和IE浏览器的差异
    Varnish介绍
    C# 4.0 新特性
  • 原文地址:https://www.cnblogs.com/sen068/p/4947975.html
Copyright © 2011-2022 走看看