AngularJS 2 基础教程
AngularJS 2 是一款开源 JavaScript 库,由 Google 维护,用来协助单一页面应用程序运行
AngularJS 2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件
AngularJS 2 发布于2016年9月份,它是基于ES6来开发的。
学前准备 ?
在我们继续学习本教程前,我们希望你具备基本的前端基础
此外,我们希望你了解 NPM 及 TypeScript
Angular 2.x 与 Angular 1.x 的区别
Angular 2.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/guide/quickstart
- Angular Github: https://github.com/angular/angular