一、angularJS优点和缺点

优点

1.1免去重复劳动-获取元素、给元素加事件、创建元素

1.2接管UI：angularJS根据数据创建UI元素，免去手工创建UI元素。

1.3自动同步：根据数据个数创建对应的html元素。

缺点

二、angularJS一切皆数据

三、angularJS三要素

4.1 ng-model:数据从哪里来

4.2 ng-bind:数据到哪里去

4.3 ng-app:那块归AngularJS管

四、angularJS是MVC框架

M-Model ->ng-model

V-View   ->{{}}

C-Controller  ->1.业务逻辑  2.angularJS与原生JS桥梁 3.$scope

五、Controller

var mod = angular.module('main_mod',[]);        //<html ng-app="main-mod"></html>

//往模块里面添加东西

mod.controller('contr1',function($scope,$http){          //<body ng-controller="contr1"></body>

//controller代码

//$scope-所有angular的数据都在$scope上

$scope.a=0;

$scope.b=0;

/*增加parseInt函数*/

$scope.parseInt=function(n){

return parseInt(n);

}

/*增加alert函数*/

$scope.alert=function(str){

window.alert(str);

}

/**

*读取数据

*$http.get()返回Promise对象

*/

$http.get('user.txt').success(function(arr){

alert(arr);

}).error(function(){

alert('错误');

});

});

六、双向绑定

双向-可进可出

输入框-既可以输入，也可以输出

*所有的数据是双向的-数据<->UI

七、依赖注入

把依赖项注入进去

函数：函数的参数由定义决定？还是由调用决定？

js原生函数的参数由调用决定，angularJS将这种情况反转了，angular函数要什么参数就有什么参数。

总结：

1、angularJS和原生JS不互通，从而避免全局污染。

2、angularJS所有的东西都在$scope里，需要的数据都在$scope上找。

3、angularJS一切皆数据

angularJS核心原理的更多相关文章

  1. SPA 路由三部曲之核心原理

    为了配合单页面 Web 应用快速发展的节奏,近几年,各类前端组件化技术栈层出不穷.通过不断的版本迭代 React.Vue 脱颖而出,成为当下最受欢迎的两大技术栈. 仅 7 个月的时间,两个技术栈的下载 ...

  2. 【算法】(查找你附近的人) GeoHash核心原理解析及代码实现

    本文地址 原文地址 分享提纲: 0. 引子 1. 感性认识GeoHash 2. GeoHash算法的步骤 3. GeoHash Base32编码长度与精度 4. GeoHash算法 5. 使用注意点( ...

  3. docker核心原理

    容器概念. docker是一种容器,应用沙箱机制实现虚拟化.能在一台宿主机里面独立多个虚拟环境,互不影响.在这个容器里面可以运行着我饿们的业务,输入输出.可以和宿主机交互. 使用方法. 拉取镜像 do ...

  4. HDFS 核心原理

    HDFS 核心原理 2016-01-11 杜亦舒 HDFS(Hadoop Distribute File System)是一个分布式文件系统文件系统是操作系统提供的磁盘空间管理服务,只需要我们指定把文 ...

  5. 剖析SSH核心原理（一）

      在我前面的文章中,也试图总结过SSH,见 http://blog.csdn.net/shan9liang/article/details/8803989 ,随着知识的积累,总感觉以前说得比较笼统, ...

  6. 关于Ajax的技术组成与核心原理

    1.Ajax 特点: 局部刷新.提高用户的体验度,数据从服务器商加载 2.AJax的技术组成 不是新技术,而是之前技术的整合 Ajax: Asynchronous Javascript And Xml ...

  7. Libevent核心原理

    Libevent 是一个事件驱动框架, 不能仅说他是一个网络库. notejs就是采用与libevent类似的libev来做核心驱动的.   Libevent支持三种事件:io事件.信号事件.时间事件 ...

  8. 高性能消息队列 CKafka 核心原理介绍（上）

    欢迎大家前往腾讯云技术社区,获取更多腾讯海量技术实践干货哦~ 作者:闫燕飞 1.背景 Ckafka是基础架构部开发的高性能.高可用消息中间件,其主要用于消息传输.网站活动追踪.运营监控.日志聚合.流式 ...

  9. Python面向对象篇之元类，附Django Model核心原理

    关于元类,我写过一篇,如果你只是了解元类,看下面这一篇就足够了. Python面向对象之类的方法和属性 本篇是深度解剖,如果你觉得元类用不到,呵呵,那是因为你不了解Django. 在Python中有一 ...

随机推荐

  1. 【Tip】如何在chrome浏览器中查看网页的Header

    步骤:打开“开发者工具”,点Network标签,然后刷新网页,选择Name中的第一项,再点右边的Headers,就出来了. 似乎有点复杂,配合下面的图看就一目了然了.

  2. Python编程-基础知识-List

    Negative Indexes(负索引) >>> spam = ['cat', 'bat', 'rat', 'elephant'] >>> spam[-1] 'e ...

  3. Android 之数据传递小结

    Android开发中,在不同模块(如Activity)间经常会有各种各样的数据需要相互传递,常用的的有五种传递方式.它们各有利弊,有各自的应用场景.下面分别介绍一下: 1. Intent对象传递简单数 ...

  4. Vim使用进阶

    作为一个使用vim挺长时间的人,现在来写这篇东西确实是尴尬的,就像很多大神们说的,vim是世界上最好用的编辑器,没有之一.然后前两天又重新看了看vim的那些功能和使用方法,更觉得这么长时间使用vim却 ...

  5. cocos2d-html5模板分析

    结构总览 js文件 src/myApp.js src/resource.js cocos2d.js cocos2d-jsb.js main.js 其他文件 build.xml index.html 具 ...

  6. MySQL 分库备份

    mysql -uroot -p'password' -e "show databases;"|grep -Evi "database|infor|perfor" ...

  7. cmd获取批处理文件所在路径

    在批处理开头加入cd /d %~dp0 一行代码就真真实实地做到“编写一次,到处运行”.%0是批处理文件本身的路径,%~dp进行扩展, d向前扩展到驱动器,p往后扩展到路径.例如,你的bat文件在e: ...

  8. Android中保存静态秘钥实践（转）

    本文我们将讲解一个Android产品研发中可能会碰到的一个问题:如何在App中保存静态秘钥以及保证其安全性.许多的移动app需要在app端保存一些静态字符串常量,其可能是静态秘钥.第三方appId等. ...

  9. Adaptive Thresholding & Otsu’s Binarization

    Adaptive Thresholding Adaptive Method - It decides how thresholding value is calculated. cv2.ADAPTIV ...

  10. html 链接外部css js文件

    <link rel="stylesheet" type="text/css" href/style.css" />    <scri ...