AngularJs 4大核心

转载 2016年08月30日 11:16:09

AngularJs 4大核心
放弃了IE8,

4大核心:

(1)MVC:

数据模型,视图层,业务逻辑和控制模式(控制器),

为何MVC不是设计模式呢?(23种设计模式里没有MVC,MVC模式的目的就是实现Web系统的职能分工,超越了设计模式,是一种架构模式)。

(2)模块化:
标签:

<html ng-app="myApp"></html>

angularjs是以模块化开始的,取代全局函数的使用。

代码:

var myModule = angular.module("myApp",[]); 

myModule.controller("helloWord",['$scope',

   function Hello($scope) {

        }

]);

(3)指令系统:

标签:

<hello></hello>

代码:

var myModule = angular.module("MyModule",[]); 

myModule.directive("hello", function() {

  return {

    restrict: 'E',(  元素 (E)、属性(A,默认)、类 (C),甚至是注释 (M)  )

    template: '<div>Hi everyone!</div>',

    replace: true
  }

});

生成页面标签:

<div>Hi everyone!</div> 

(4)双向数据绑定:

ng-module实现了双向数据绑定。

为什么其他前端框架不实现双向数据绑定呢?(不利于控制数据源)
绝大部分操作只需要单向绑定就能实现,双向绑定在一定程度上不利于管理数据源
单向数据绑定:指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。

单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉,再重新把新的数据和模板一起整合后插入到文档流中。

双向数据绑定:数据模型(Module)和视图(View)之间的双向绑定。
用户在视图上的修改会自动同步到数据模型中去,同样的,如果数据模型中的值发生了变化,也会立刻同步到视图中去。

双向数据绑定的优点是无需进行和单向数据绑定的那些CRUD(Create,Retrieve,Update,Delete)操作

双向数据绑定最经常的应用场景就是表单了,这样当用户在前端页面完成输入后,不用任何操作,我们就已经拿到了用户的数据存放到数据模型中了。

目前。实现双向数据绑定的前端框架主要有AngularJS,VueJS等

AngularJS四大核心特性

一、MVC 指Model View Controller 二、模块化和依赖注入 模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。我们在单独的js文件中定义的模块,并将其命名为按照...
  • dengshangli
  • dengshangli
  • 2015年03月10日 18:50
  • 7094

学习笔记之Android四大核心组件详解

概述Android四大核心组件指的是Activity,Service,ContentProvider,BroadCastReceiver,核心组件都是由Android系统进行管理和维护的,一般都要在清...
  • pigdreams
  • pigdreams
  • 2016年09月21日 18:46
  • 2460

AngularJs实战(AngularJs的四大核心理念)

1. AngularJs四大核心理念:MVC,模块化,指令系统,双向数据绑定 2. 分别用程序解释AngularJs四大核心理念 MVC,数据模型层,视图层,控制层 (1)MVC ...
  • Vivianluolita
  • Vivianluolita
  • 2016年09月30日 21:53
  • 1715

angularJs 4大核心特性+事例

1.MVCM:model 数据模型层 V:view 视图层,负责展示 C:controller 业务逻辑和控制逻辑 好处:职责清晰,代码模块化2.模块化代码事例: ng1.html ...
  • u012396955
  • u012396955
  • 2017年02月28日 17:42
  • 508

Angularjs -- 核心概念

angularjs 前端MVC框架 快速敏捷开发 前端工程师的利器
  • mytream
  • mytream
  • 2014年08月26日 22:16
  • 7147

AngularJS的四大核心特性(二)

AngularJS第三特性指令系统 如上HTML代码中出现了这个标签,但是浏览器不认识标签,默认的执行行为就是将其忽略。而AngularJS为了不让它被忽略,故在js中如下...
  • qqxyy99
  • qqxyy99
  • 2017年02月08日 15:39
  • 640

angularJS中的核心服务深入理解

服务       -->       name:{{name}}         age:{{age}}         love:{{love}}         money:{{...
  • yclfdn2004
  • yclfdn2004
  • 2016年05月26日 11:09
  • 567

spring三大核心学习

spring三大核心学习spring是一个轻型容器(light-weight Container),其核心是Bean工厂(Bean Factory),用以构造我们所需要的M(Model)。...
  • yks0527
  • yks0527
  • 2017年01月05日 15:16
  • 1953

漫谈 ADO.NET之四大核心对象

本人热爱Java,可最终做了c#工作,人生之一大憾事,俗话说,水浅王八多,遍地是大哥,也只好苟存于社会的残垣瓦砾之下! 下面是第一次使用四个“小对象”的具体实现代码 (Oracle 数据库) u...
  • who_is_that
  • who_is_that
  • 2016年06月27日 15:47
  • 502

Android的四大主键——activity

Android开发的四大组件:activity,service,Broadcast Receiver,Content Provider. Activity是为用户完成某事而提供一块屏幕的应用组件。 ...
  • zhenlingsheng
  • zhenlingsheng
  • 2015年06月17日 17:44
  • 735
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AngularJs 4大核心
举报原因:
原因补充:

(最多只允许输入30个字)