angular2使用培训.docx

Angular2使用培训目录结构关于angular的两个为什么ES6新特性angular2八大核心构造60分钟构造一个angular2应用——恒拓富豪榜ionic简介关于angular2的两个为什么为什么angular2重写？javascript框架跟类库一直是百花齐放的状态，特别是最近几年。回顾这几年，有些框架非常的引入注目，其中一个就是Angular。Angular最火的时间是2013年中到2014年末，但是在14年末的时候，官方突然宣布了一个重大消息，要完全重写Angular2.0。这个事情让很多想要使用Angular的人止步不前，也给人带来了很多的困惑，为什么Angular2.0要重写？首先，性能。Angular这货刚创建出来的时候，并不是给开发人员用的。它是给那些需要快速创建持久化HTML表单的设计人员使用的一种工具。随着时间推移，它作了改变以适应各种场景，开发人员也用它建造更多、更复杂的应用程序。也正因如此，绑定与模板基础架构的性能问题凸显，问题根源在于原始设计，为了解决问题，需要新的策略。第二，变化的web。这几年，web发生了很多变化，五六年前吧，没有jQuery这种类库的帮助，是基本不可能建立一个跨浏览器的网站的，但是现在浏览器的DOM实现更加一致也更加快了，加上ES6规范的定稿，Web Components即web应用组件化标准或者说概念的完善，这些变化统统要求Angular作出相应的变化以拥抱未来。第三，移动端。现在满大街都是智能手机和平板，虽说Angular1也可以用来构建移动应用，但是它并非为移动端而生，这里就产生了很多问题，包括提过的性能，它的路由的能力缺失，以及不能缓存预编译视图，甚至是过于普通的触摸支持，这些都需要根本的变更来修复。第四，易用性。网上大把大把的开发者吐槽，Angularjs的学习曲线太他妈陡峭啦！甚至还有人非常直观的图表现了自己学习使用AngularJS的心态变化。。这跌宕起伏的心态，看着就糟心啊！这些原因逼迫着angular2进行重写。为什么选择angular2？可能大家都知道，无限极大平台2.0打算选用angular2+ionic2作为开发框架，为什么是angular2呢？从前端的角度看，Vue有一万个好，Angular有一万种令人不满的地方，但企业领域的人偏爱集成解决方案，哪怕这个方案的语法是粗陋的，配置是繁琐的，连Java都用了，还怕这些？是的，angular2就像一台已经装配好的电脑，而react之流就像一个个零件，需要组装。而且angular2拥抱web component，这跟用户想要做一个轻应用的需求不谋而合，在这点上angular2就狠狠甩了react十几条街，react根本不支持对html的拓展。而且angular2更加稳定、可扩展和更加完善。再说了，angular2还具有下面几个鲜明的特性跨平台（渐进式web应用，原生，桌面）面向未来（以es6为基础加入了类型和注解。Es6能让angular有更出色的表现，让代码变得更加清洁，易读性更强）开发灵活（可以自由决定对开发语言的选择，ES6,typescript等）速度与性能（代码生成、统一，代码拆分）生产率（模板，angular命令行工具，各种ide）完整的开发故事（测试，动画，可访问性）ES6新特性1.let 和 const1.let命令let命令，用来声明变量。用法类似于var，但是所生命的变量，只在let命令所在的代码块内有效。例子：{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 12.let命令的特点只在所在代码块内有效不存在变量提升，变量一定要在声明后使用，否则会报错暂时性死区（只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响）不允许重复声明暂时性死区例子：if (true) { // TDZ(暂时性死区）开始 tmp = abc; // ReferenceError console.log(tmp); // ReferenceError let tmp; // TDZ(暂时性死区）结束 console.log(tmp); // undefined tmp = 123; console.log(tmp); // 123}3.let带来了什么众所周知，ES5只有全局作用域和函数作用域，没有块级作用域，这导致了很多不合理的场景，一内层变量可能会覆盖外层变量，二用来计数的循环变量泄露为全局变量。而let实际上为javascript新增了块级作用域。4.const命令const声明一个可读的常量。一旦声明，就必须立即初始化，不能留到以后赋值，且常量的值不能改变。与let命令