第1页共37页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第1页共37页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规范的定稿，WebComponents即web应用组件化标准或者说概念的完善，这些变化统统要求Angular作出相应的变化以拥抱未来。第三，移动端。现在满大街都是智能手机和平板，虽说Angular1也可以用来构建移动应用，但是它并非为移动端而生，这里就产生了很多问题，包括提过的性能，它的路由的能力缺失，以及不能缓存预编译视图，甚至是过于普通的触摸支持，这些都需要根本的变更来修复。第四，易用性。网上大把大把的开发者吐槽，Angularjs的学习曲线太他妈陡峭啦！甚至还有人非常直观的图表现了自己学习使用AngularJS的心态变化。第2页共37页第1页共37页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第2页共37页。这跌宕起伏的心态，看着就糟心啊！这些原因逼迫着angular2进行重写。为什么选择angular2？可能大家都知道，无限极大平台2.0打算选用angular2+ionic2作为开发框架，为什么是angular2呢？从前端的角度看，Vue有一万个好，Angular有一万种令人不满的地方，但企业领域的人偏爱集成解决方案，哪怕这个方案的语法是粗陋的，配置是繁琐的，连Java都用了，还怕这些？是的，angular2就像一台已经装配好的电脑，而react之流就像一个个零件，需要组装。而且angular2拥抱webcomponent，这跟用户想要做一个轻应用的需求不谋而合，在这点上angular2就狠狠甩了react十几条街，react根本不支持对html的拓展。而且angular2更加稳定、可扩展和更加完善。再说了，angular2还具有下面几个鲜明的特性第3页共37页第2页共37页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第3页共37页跨平台（渐进式web应用，原生，桌面）面向未来（以es6为基础加入了类型和注解。Es6能让angular有更出色的表现，让代码变得更加清洁，易读性更强）开发灵活（可以自由决定对开发语言的选择，ES6,typescript等）速度与性能（代码生成、统一，代码拆分）生产率（模板，angular命令行工具，各种ide）完整的开发故事（测试，动画，可访问性）ES6新特性1.let和const1.let命令let命令，用来声明变量。用法类似于var，但是所生命的变量，只在let命令所在的代码块内有效。例子：{leta=10;varb=1;}a//ReferenceError:aisnotdefined.b//12.let命令的特点只在所在代码块内有效不存在变量提升，变量一定要在声明后使用，否则会报错暂时性死区（只要块级作用域内存在let“”命令，它所声明的变量就绑定（binding）这个区域，不再受外部的影响）不允许重复声明暂时性死区例子：if(true){//TDZ(暂时性死区）开始tmp='abc';//ReferenceErrorconsole.log(tmp);//ReferenceError第4页共37页第3页共37页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第4页共37页lettmp;//TDZ(暂时性死区）结束console.log(tmp);//undefinedtmp=123;console.log(tm...
