Angular 2 教程
Angular2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。
Angular2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。
Angular2 发布于2016年9月份,它是基于ES6来开发的。
学习本教程需要的基础知识
学习本教程前,你需要具备基本的前端基础:HTML、CSS、JavaScript。此外你还需要了解 NPM 及 TypeScript。
NPM 使用介绍。
TypeScript 入门教程
Angular2.x与Angular1.x 的区别
Angular2.x与Angular1.x 的区别类似 Java 和 JavaScript 或者说是雷锋与雷峰塔的区别,所以在学习Angular2.x时大家需要做好重新学习一门语言的心里准备。
运行条件!
由于目前各种环境(浏览器或 Node)暂不支持ES6的代码,所以需要一些shim和polyfill(IE需要)让ES6写的代码能够转化为ES5形式并可以正常运行在浏览器中。
从上图可以看出在 Es5 浏览器下需要以下模块加载器:
systemjs - 通用模块加载器,支持AMD、CommonJS、ES6等各种格式的JS模块加载。
es6-module-loader - ES6模块加载器,systemjs会自动加载这个模块。
traceur - ES6转码器,将ES6代码转换为当前浏览器支持的ES5代码,systemjs会自动加载 这个模块。
相关参考文档
Angular 官网:https://angular.io/
Angular 官方文档:https://angular.io/docs/ts/latest/quickstart.html
Angular 中文文档:https://angular.cn/docs
Angular Github:https://github.com/angular/angular