Angular 简介

一、Angular简介

用于解决、实现一个 SPA (Single Page Application 单页应用程序)

简化对DOM的操作,动态的更新DOM对象

使用的是 模块化 开发思想

​ Angular is a framework for building client applications in HTML and either JavaScript or a language like TypeScript that compiles to JavaScript.
Angular 是一个 使用HTML 和 JavaScript 或者像是TypeScript一样能够编译成JavaScript的语言 来 创建客户端应用程序 框架

二、版本

Angular 只有4这个版本

1.x 2.x 叫做 AngularJS

分水岭:1 和 2

为什么没有3

https://github.com/angular/angular/blob/2.3.x/modules/%40angular/router/CHANGELOG.md
可以看到,在@augular/router 模块的版本 和Angular的版本 未对齐,导致使用上的混乱,因此Angular团队决定 跳过3这个版本 直接使用4

三、Angular程序架构
这里写图片描述
*framework

*模块 Module

*组件 Component

*模板 Template

*元数据 Metadata

*数据绑定 data binding

*指令 directive

*服务 service

*依赖注入 Dependency Injection

用户  ===> root Module (是Angular应用程序的起始,入口,首页)
Angular Application ==> 模块 + 模块 + 模块 + .... + 模块
模块 ====》 组件 + 子模块 + 服务
组件  ===》 组件三要素 + 可选要素
组件三要素 ===> 模板 + 装饰器 + 控制器
可选要素 ===> 输入属性 + 输出属性 + 提供器 + 生命周期函数 + 样式表 + 动画
模板 ===> html + css + Angularized markup (Angular自己的标签)

这里写图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值