001.Angular入门

233 阅读2分钟

有vue或react框架应用基础的话,对比学习,入门相对会容易些。其中会穿插少许个人看法。

angular是什么?

一个平台,基于TypeScript。

angular有什么优势?

  1. 基于组件库的框架,可构建弹性伸缩的应用。
  2. 集成有丰富的库。
  3. 一整套开发工具。

angular构建应用时能提供什么帮助?

  1. 平台自身优势。
  2. 平台自身迭代升级友好平滑。
  3. 庞大且友好的生态系统。

angular的核心组成

组件

组件包括三个部分:带有@Component()装饰器的TypeScript类、HTML模版和样式文件。
@Component()装饰器则含有Angular专属信息:选择器selector、模板template和一组可选择的css样式。
angular组件模型提供了强大的封装能力和直观的应用结构,便于测试的同时也提高了整体的代码可读性。
(初识可囫囵吞枣扫一遍,本篇读完再回头看组件定义更容易理解。)

模板

每个组件都有一个HTML模板,用于声明该组件的渲染方式。
通过template内联或者templateUrl引用文件路径方式来定义模板。
angular像vue那样为这种声明式模板扩展了一些强化语法,例如插值、属性与特性绑定、事件绑定、指令、自定义指令等,(目前看来)只是书写形式存在差异。

依赖注入

依赖注入使得开发者可以声明TypeScript依赖项,从而构建更加灵活。
对比vue而言,与vue中的数据通信有些神似。

Angular CLI

CLI是流行框架都提供的一种快速搭建的普适性工具,angular也不例外。入门不赘述。

自带库

angular自带库感觉更像是是其自身的一个特色,把一些常用库纳入了官方维护范围内。通常像vue这种框架追求的是轻量化与降低包之间的耦合性(如vue3中的响应式库)。
------over-----