Angular开发之——Angular介绍(01)
一 概述
- Angular是什么
- AngularJS和Angular关系
- Angular特性
- Angular的发展历史
- Angular学习建议
二 Angular是什么
- Angular(读音[ˈæŋɡjələr])是一套用于构建用户界面的javaScript框架。由Google开发和维护,主要被用来开发单页面应用程序
- 类似于Vue.js(MVVM数据驱动视图思想、组件化、模块化、指令等)
- 由Google开发和维护
- 开发单页面应用程序(SPA)
三 AngularJS和Angular关系
AngularJS | Angular | |
---|---|---|
网站 | https://angularjs.org/ | https://angular.io/ |
界面 |
四 Angular特性
类似于Vue.js,有以下特性:
- MVVM
- 组件化
- 模块化
- 指令
- 服务
- 依赖注入
- TypeScript
- …
五 Angular的发展历史
5.1 起源
- 2009年,Misko hevery和Adam abrons在业余时间打造了GetAngular
- Misko hevery接手了Google内部的一个项目Feedback,该项目经过6个月的迭代代码量已经达到了17000行。项目的开发和维护变得非常困难。所以Misko就决定用GetAngular重写这个项目
- 结果就是小伙子成功了,使用GetAngular之后该项目从17000行缩减到了1500行,前后仅仅使用了三周时间
- Misko领导一看,小伙子厉害啊,同时也看到了GetAngular所带来的商业价值,所以决定把GetAngular正式立项,组织专职团队开发和维护
- Abrons后来离开了这个计划,但在Google工作的Hevery和一些谷歌员工如Igor Minar和Vojta Jina等则继续开发维护此库
- 由于已经不再是个人项目,所以开发团队将GetAngular重新命名为AngularJS
5.2 AngularJS发展迭代
至此,AngularJS就进入了漫长的发展迭代阶段
- 经过3年的发展,AugularJS在2012年6月,1.0.0版本正式推出
- AngularJS在1.2之后的版本不再支持IE6和7
- AngularJS在1.3之后不再支持IE8
- AngularJS在1.5增加了类似组件化的开发方式(为过度到Angular2做铺垫)
- AngularJS 1.x.x当前已发布到了1.8.3,并于2022年停止维护
5.3 困境
- 饱受诟病的性能问题(脏检查)
- 落后于当前Web发展理念(例如组件化、模块化支持不好)
- 对移动端支持不够友好
5.4 Angular2 横空出世
- Angular 1.x由于问题太多,历史包袱太重,重构几乎不可能
- 不过早在2014年3月,官方博客就有提及开发新版本Angular的计划
- 2014年9月下旬一个大会上,Angular2正式亮相
- 2016年9月15号,Angular2正式发布
- 由于ng2几乎完全重写了ng1,所以官方把2之后的版本都称之为Angular
- Angular2之后的logo:
A
5.5 Angular1升级到Angular2?(ng2相比ng1)
- 移除了control+$scope的设计方式,改用了当前主流的组件化构建
- 相比ng1性能更好
- 优先为移动端设计
- 更贴合未来标准(EcmaScript 6、Web Component)
- TypeScript
- 反正就是更现代化,更好了
5.6 现状
- 自Angular2之后,官方承诺之后的版本都会兼容到Angular2
- 当前Angular最新发布版本为v16.x.x
- 新版的Angular在GitHub上也收获了
88k+
- 使用量低于React和Vue
六 Angular学习建议
- 读官方文档
- 写demo测试
- 写小项目练手
- 参与实际项目开发经验
- 日积月累…
七 参考
- AngularJS官网
- Angular官网
- Angular-Github
- Angular官方文档
- Angular中文官方文档
Angular开发之——Angular介绍(01)相关推荐
- Angular开发实践(一):环境准备及框架搭建
引言 在工作中引入Angular框架将近一年了,在这一年中不断的踩坑和填坑,当然也学习和积累了很多的知识,包括MVVM框架.前后端分离.前端工程化.SPA优化等等.因此想通过Angular开发实践这系 ...
- 使用.NET Core 2开发部署Angular 5项目
目录 介绍 背景 先决条件 开发设置 Angular 5设置 调整 部署的最后步骤 在Visual Studio 2017中使用.NET Core 2设置Angular 5以进行开发和部署的步骤. 介 ...
- Angular开发遇到的一个错误消息 - Expected linebreak to be LF(和本地文件的换行设置有关)
(linebreak-style)tslint(1) 命令: ng test core --code-coverage console会不定期打印出单元测试执行结果: 最后2554个全部执行完毕. 在 ...
- angular开发中对请求数据层的封装
代码地址如下: http://www.demodashi.com/demo/11481.html 一.本章节仅仅是对angular4项目开发中数据请求封装到model中 仅仅是在项目angular4项 ...
- Framework7 + Angular 开发问题解决汇总
Framework7 + Angular 开发问题解决汇总 参考文章: (1)Framework7 + Angular 开发问题解决汇总 (2)https://www.cnblogs.com/lyr1 ...
- 关于angular开发中报错Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘问题的解决办法若干
关于angular开发中报错Cannot find module 'webpack/lib/node/NodeTemplatePlugin'问题的解决办法若干 参考文章: (1)关于angular开发 ...
- 【Angular】Angular开发组件
使用Angular开发组件的全部过程如下: 一:新建组件 在命令行输入: ng g component 组件名 新生成的组件,在src的app里面 在app.module.ts文件的装饰器下,自动声明 ...
- Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...
前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器 教程简单,不会的趣闻度娘 3 Visual Studio ...
- Angular 开发
Angular 企业实战开发 1. 概述 Angular 是一个使用 HTML.CSS.TypeScript 构建客户端应用的框架,用来构建单页应用程序. Angular 是一个重量级的框架,内部集成 ...
最新文章
- 5m 云服务器2核4g_华为云服务器2核4G 5M 248一年
- git reset --hard 恢复
- strlen函数,strcat函数,strcpy函数,strncpy函数,strcmp函数
- 【ABAP】模式(Pattern)创建与使用
- 【渝粤教育】国家开放大学2018年春季 0359-22T会计学原理 参考试题
- android注册文件打开,Android项目实战系列—基于博学谷(三)注册与登录模块
- Spring Mvc 入门Demo
- 计算机的发展与组成ppt,第章计算机的发展与组成.ppt
- RCON 服务器命令协议
- 个人生活助手app_“3·15可信赖应用白名单”发布 360旗下多款APP获评甲级认证
- LINUX下载编译libssh2
- 用这些进行PDF翻译,双语对照、翻译后排版不变、还免费!
- 在html语言中读取txt文件中的内容,Javascript写入txt和读取txt文件示例详解
- python24点4张扑克_Python实现扑克24点 ,从此我就没输过。
- 一张图带你解读--如何从零开始学习接口自动化
- 【2016北京集训】网络战争
- 网络空间安全省赛A解析
- MySQL里SQL基本语句的使用
- 一步一步学爬虫(2)requests和正则表达式的具体举例
- 还记得,你发送的第一封电子邮件是什么时候吗?