初始Angularjs2

1、为何使用Angularjs2

Angularjs2全面使用了模块化、组件化的思想，它有以下的特性：

1）模块化

• 在ng2的应用中，全部的系统功能都是模块化的，开发者只须要按需导入
• 模块化的好处在于能够当应用加载时，是按需加载的，大大提升了应用启动时候的性能
• 对于开发和维护很是方便，同时易于协做开发

2）使用了TypeScript

• TypeScript是JavaScript的超集，经过开发发现，JavaScript有语法错误并不会影响整个应用，因此有了TypeScript，TypeScript的代码会先编译成JS代码，只要有什么语法错误都能后在编译的过程当中发现
• TypeScript具备面向对象语言的一些特性，例如接口，继承，包等，例如，在TypeScript中就直接使用implemes，interfaces这样的字段，很是方便

2、Angularjs架构

经过了解Angularjs2，我觉用一句话能够归纳Angularjs2的核心概念：“用Angular扩展的语法来编写HTML模板，用组件来管理这些模版，用服务添加应用逻辑，用模块打包发布组件与服务，最后经过引导根模块来启动应用”

经过这个图咱们能够看到，Angular框架的主要构造块有如下8个部分：

• 模块
• 组件
• 模板
• 元数据
• 数据绑定
• 服务
• 指令
• 依赖注入

　　与用户直接交互的就是模版视图，模版视图并非独立的模块，它是组件的重要元素之一，另外一个重要的重要元素就是组件类，，用以维护组件的的数据模型机功能逻辑，不一样组件之间的切换经过路由模块来控制。指令与模板之间存在关联，主要的做用就是加强模板特性，间接扩展模版的语法。服务是封装某一功能呢逻辑单元，这个功能逻辑能够经过依赖注入的机制引入之组件内部，做为组件的功能扩展；

　　经过上述能够发现，Anaularjs应用始终都是围绕“组件”设计的，因此说应用是由一个个大大小小的松耦合的组件构成。

后续将对每个构造块进行深刻探讨～

3、Angularjs从框架到平台

能够说Angularjs2如今更像是一个平台而不是一个简单的类库了，目前在此基础上构建其余好用的工具：

框架核心包含：

• 依赖注入
• 装饰器支持
• zone.js
• 编译服务
• 变化检测
• 渲染引擎

外部工具库：

• Angular Material，Google官方的设计风格的UI组件库

工具：

• CLI为开发者提供了工做流自动化解决方案。功能涵盖了建立项目，生成组件，配置路由，启动开发服务器，构建测试，运行测试，预处理CSS，部署前的构建
• Augury用于调试，分析性能和可视化查看应用组件树，能够快速定位问题和调优