前端小白之每天学习记录----angula2--

Posted 2020-10-06 沃迪森啊

1.1 Angular的发展历史 

1.1.1 angular起源

GetAngular ====>by Misko Hevery and Adam Abrons 开发效率高 AnguarJS

1.1.2 迭代之路

12年6月 AngularJS 1 ===》双向绑定、依赖注入、指令

AngularJS 1.3.x====》推出单次绑定语法 放弃ie8浏览器支持

AngularJS 1.5.x =====》增加了类似组件的书写体验

1.1.3 AngularJS 1.x困境

性能问题

落后于当前web发展理念===》组件开发模式

对手机端支持不够友好

1.1.4 Angular 2 诞生

2014年九月亮相  测试版本

2016年9月15日，Angular 2 正式版发布==》不兼容AngulularJS

1.1.5新特性

移除controller+$scope设计，改用组件式开发

性能更好

优先为移动应用（专用开发套件：Angular Moblie Toolkit）

更贴合未来标准（es6/7、WebComponnent）

1.1.6 无缝升级方案-UpgradeAdapter

适配器：Angular 2 《===》AngularJS 1.x

1.2  Angular2的核心概念详解

八组：组件（component）（最核心）、元数据（metadata）、模板（template）、

          数据绑定（data binding）、服务（service）、指令（directives）、

          依赖注入（dependency injection）、模块（modules）

1.2.1 组件

html+css+js

父子组件

生命周期：

构造器初始化（constructer）==》第一次接触数据变化钩子（onChangers）==》初始化（onInit）==》运行期间触发数据变化钩子（onChanges ）==》销毁（onDestroy）

1.2.2 指令