码迷,mamicode.com
首页 > Web开发 > 详细

Angular2 & angularjs1

时间:2018-01-04 00:28:21      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:3.x   mobile   调用   angular   优先   图片   分享   ie8   java   

迭代之路:

12年6月,Angularjs1.0.0正式版推出,亮点功能基本齐备,如双向绑定、依赖注入、指令等

Angularjs 1.3.x放弃支持IE8浏览器,推出单次绑定语法

Angularjs 1.5.x增加类似组件式书写体验,主要是为过渡Angualr2做铺垫

Angularjs1.x 缺点;

性能问题,angular是采用脏检查来实现数据的更新,当页面的数据越来越多,脏检查的效率也会相应下降,页面的卡顿会越来越明显

落后于当前Web发展理念,如组件式开发

对手机端支持不够友好

14年9月下旬,Angualr2正式亮相,16年9月Angular2正式版发布

Angular2新特性:

1、移除controller+$scope设计,改用组件式开发

2、性能更好(渲染更快,变化检测效率更高)

3、优先为移动应用设计(Angular Mobile Toolkit)

4、更加贴合未来的标准(ES6/7  WebComponent)

无缝升级方案,可将angulajs1平滑过渡到Angular2

Angular2核心概念:

组件(核心),模块,依赖注入,指令,服务,数据绑定,模板,元数据

组件有完整的生命周期钩子:

技术分享图片

组件示例:

技术分享图片

数据绑定:

插值(两个花括号)

单向绑定——属性绑定(把组件类的数据传递到组建模板中 <input [value]="myData" /> 数据流向为自上而下 父组件到子组件 @Output),事件绑定(模板产生的数据通过函数调用的方式传递到组件类<input [keyup]="handle($event)" /> 数据流向为自下而上  子组件到父组件 @Input)

双向绑定—— <input    [(ngModel)]="myData" />

指令:

属性指令,结构指令  与Angularjs1并不是完全相同的概念

例子:

技术分享图片

服务:

服务是实现专一目的的逻辑单元,如日志服务

技术分享图片

依赖注入:

组件引入外部构建(如服务)的一种机制

技术分享图片

模块:

技术分享图片

TypeScript简述:地址 http://www.typescriptlang.org/

Angular2官方推荐的开发语言,是微软开发的编程语言

1、JavaScript的超集,兼容JavaScript

2、运行前需预编译生成JavaScript

3、加入类型判断,编译时进行类型检查

4、文件扩展名.ts

 

 

angularjs1可参考:

1、http://www.tuicool.com/articles/ymmq2mf

2、http://blog.csdn.net/u013063153/article/details/52458362

Angular2 & angularjs1

标签:3.x   mobile   调用   angular   优先   图片   分享   ie8   java   

原文地址:https://www.cnblogs.com/fexh/p/6690201.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!