Angular介绍

铳梦 · 發表於 2022-3-19 11:01:00

Angular 是什么？

Angular（读音['æŋgjʊlə]）是一套用于构建用户界面的 JavaScript 框架。由 Google 开发和维护，主要被用来开发单页面应用程序。

类似于 Vue.js
- MVVM（数据驱动视图思想）
- 组件化
- 模块化
- 指令
- ......
由 Google 开发和维护
开发单页面应用程序（SPA）

特性

MVVM
组件化
模块化
指令
服务
依赖注入
TypeScript

发展历史

起源

2009年，Misko hevery 和 Adam abrons 在业余时间打造了 GetAngular

Misko Hevery 接手了 Google 内部的一个项目 Feedback ，该项目经过6个月的迭代代码量已经达到了17000行。项目的开发和维护已经变得非常的困难。所有 Misko 就决定用 GetAngular 重写这个项目。

结果就是小伙子成功了，使用 `GetAngular 之后该项目从17000行缩减到了1500行，前后仅仅使用了三周时间。

Misko 领导一看，小伙子厉害啊，同时也看到了 GetAngular 所带来的商业价值，所以决定把 GetAngular 正式立项，组织专职团队开发和维护。

Abrons 后来离开了这个计划，但在 Google 工作的 Hevery 和一些谷歌员工如 Igor Minár 和 Vojta Jína 等则继续开发维护此库。

由于已不再是个人项目，所以开发团队将 GetAngular 重新命名为了 AngularJS 。

至此，AngularJS 就进入了漫长的发展迭代阶段。

经过了3年的发展，AngularJS 在2012年6月份，1.0.0 版本正式推出。
AngularJS 在1.2之后的版本不再支持 IE 6和7
AngularJS 在 1.3 之后不再支持 IE8
AngularJS 在 1.5 增加了类似组件化的开发方式
- 为过渡到 Angular2 做铺垫
AngularJS 1.x.x 当前已发布到了 1.6.x

困境

饱受诟病的性能问题
- 脏检查
落后于当前 Web 发展理念
- 例如组件化
- 模块化支持不好
对移动端支持不够友好

Angular 2 横空出世

Angular 1.x 由于问题太多，历史包袱太重，重构几乎不可能。

不过早在2014年3月，官方博客就有提及开发新版本 Angular 的计划。

2014年9月下旬一个大会上，Angular2 正式亮相。

2016年9月15号，Angular2 正式发布。

由于 ng2 几乎完全重写了 ng1 ，所以官方把2之后的版本都称之为 Angular。

Angular 2 之后的正式 Logo：

新版本发布了，那用户如何从 1 升级到 2 呢？

那到底要不要更新呢？

ng2 相比 ng1

移除了 controller+$scope 的设计方式，改用了当前主流的组件化构建
相比 ng1 性能更好
优先为移动端设计
更贴合未来标准
- EcmaScript 6
- Web Component
TypeScript
反正就是更现代化，更好了......

现状

自 Angular 2 之后，官方承诺之后的版本都会兼容到 Angular 2
当前 Angular 最新发布版为 5.x.x
新版的 Angular 在 Github 上也已收获了 3万+ ☆
使用量低于 React 和 Vue

那我为什么要学习使用 Angular ？

任何一种技术或者框架，一定要有自己的特色，如果跟别人的完全一样，解决的问题也和别人一样，那存在的意义和价值就会遭到质疑。

企业需求
增加职业竞争力
技术的本质思想都是一样的，也许你在其它技术中无法理解的事物，在这门课程中你能找到答案。

这里我们要明白技术只是工具，主要目的还是用来帮助我们解决业务问题。作为开发人员，我们对待技术的态度应该博学开放，多学习和了解不同技术。只有当你见得东西多了才能有自己的想法，才不会人云亦云，不至于迷失在技术更新迭代的浪潮之中！

学习 Angular 的一些建议

读官方文档
写 demo 测试
写小项目练手
参与实际项目开发经验
日积月累......

这是一个知识开放的时代，我们每个人都拥有一本《九阴真经》，至于你如何利用它产生价值则需要一些方式。我们学习技术就像武侠练功一样，希望大家像郭靖一样拥有坚韧不拔的精神，锲而不舍的探索下去，终成一代大侠。