AngularJS 2 基础教程

AngularJS 2 是一款开源 JavaScript 库,由 Google 维护,用来协助单一页面应用程序运行

AngularJS 2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件

AngularJS 2 发布于2016年9月份,它是基于ES6来开发的。

学前准备 ?

在我们继续学习本教程前,我们希望你具备基本的前端基础

  1. HTML
  2. CSS
  3. JavaScript

此外,我们希望你了解 NPM 及 TypeScript

  1. NPM 使用介绍
  2. TypeScript 基础教程

Angular 2.x 与 Angular 1.x 的区别

Angular 2.x 与 Angular1.x 的区别类似 Java 和 JavaScript 或者说是雷锋与雷峰塔的区别

几乎八竿子打不着边

所以在学习 Angular2.x 时大家需要做好重新学习一个新框架的心里准备

运行条件!

由于目前各种环境(浏览器或 Node)暂不支持 ES6 的代码,所以需要一些 shim 和 polyfill (IE 需要)让 ES6 写的代码能够转化为 ES5 形式并可以正常运行在浏览器中

从上图中可以看到, 在 ES5 浏览器下需要以下模块加载器

  1. systemjs - 通用模块加载器,支持AMD、CommonJS、ES6 等各种格式的 JS 模块加载

  2. es6-module-loader - ES6 模块加载器,systemjs 会自动加载这个模块

  3. traceur - ES6转码器,将 ES6 代码转换为当前浏览器支持的 ES5 代码, systemjs 会自动加载 这个模块

参考文档

  1. Angular 官网: https://angular.io/
  2. Angular 官方文档: https://angular.io/docs/ts/latest/quickstart.html
  3. Angular 中文文档: https://angular.cn/guide/quickstart
  4. Angular Github: https://github.com/angular/angular
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.