前端开发从Angularjs到Angular须要了解的改变

1、从AngularJS到Angular看前端web开发

1.1995年完成"HTML 2.0"

• 这是第一个旨在成为对其后续实现标准的依据的HTML规范纯HTML,简单的页面数据展现。
• 表明技术：HMTL。
• 特征：数据一次返回，浪费带宽，体验很差。

2. 2005年，Google Maps、Google Suggest、Gmail 等应用被大众所接受

• 出现AJAX,异步加载数据。
• 表明技术：JSP,JQUERY等技术。
• 特征：开发者决定代码调用顺序。这样就出现了依赖管理、代码重复等问题。

3.2010年，Backbone.js，MVC开发模式

• 表明技术：BackBone.js、nodejs ( 2009年，Ryan正式推出了基于JavaScript语言和V8引擎的开源Web服务器项目，命名为Node.js)、npm依赖包管理。npm script、grunt、gulp、webpack蓬勃发展， 前端构建工具发展及其比较
• 特征：Model 管理数据，View展现，Controller涉及较少，

4. 2009建立，15年大红，AngularJS,MVVM开发模式

• 1.特征：

  • 双向数据绑定{{}}自动从拥有JavaScript对 象（模型）的UI（视图）中同步数据.
  • 使用DOM控制结构来进行迭代或隐藏DOM片断。
  • 支持表单和表单验证。
  • 将逻辑代码关联到DOM元素上。
  • 将一组HTML作成可重用的组件。
  • 构建一个CRUD应用时可能用到的全部技术：数据绑定、基本模板指令、表单验证、路由、深度连接、组件重用、依赖注入.
  • 可测试性：单元测试、端到端测试、模拟对象（mocks）、测试工具
  • 会进行频繁且复杂的DOM操做, Jquery 比Angularjs 更能胜任。
  • 绝大多数Angular的应用开发中，开发者都不须要本身去写低级的操做DOM的代码.

• 2.不适合场景：

• 太过于简单的页面

• 交互频繁的，如游戏之类交互体验网站

5. 2016年，Angular

• 重构AngularJS，更好的MVVM开发体验。
• 当前版本：8.0.0 。
• 更新发布规则：
  • 6个月的积极支持，在此期间按期发布更新和补丁。
  • 12个月的长期支持（LTS），在此期间仅发布关键修复程序和安全补丁。
  • 从Angular版本7开始，主要版本的Angular core和CLI已对齐。这意味着，在开发Angular应用程序时要使用CLI，CLI的版本@angular/core和CLI必须相同。
  • 每6个月发布一次主要版本。
  • 每一个主要版本1-3个次要版本。
  • 几乎每周都会发布补丁

2、AngularJS与Angular比较

Desc	AngularJS	Angular
出发点	AngularJS基于JavaScript	Angular基于TypeScript。TypeScript是ES6的超集，而且与ES5向后兼容
控制器等	rootScope、scope	组件概念，经过组件接口实现
数据绑定-具体详情	ng-model双向绑定	[],() 实现双向绑定
模块化	涉及较少	轻量化 ，同时提供angular-cli
生命周期变经过组件接口，变成可选的	onInit()、onChanges(changesObj)、doCheck()、onDestroy()、postLink()	ngOnChanges、ngOnInit ngDoCheck、ngAfterContentInit、ngAfterContentChecked、ngAfterViewInit、ngAfterViewChecked、 ngOnDestroy。具体参见lifecycle-hooks
国际化（i18n）	调动方法获取对应已翻译文本便可	标签添加，i18n属性，Angular CLI 提取i18n相关属性，到源文件，而后copy副本，翻译对于语言，在编译合并到项目中。

参考文献：

• AngluarJS中文网
• AngularJS WIKI百科
• Angular