Logo
Section 1 / 11

Angular入门

学习如何使用 Angular 改进我们的布局构建流程。

导入

Angular入门

学习如何使用 Angular 改进我们的布局构建流程。

为了优化我们的布局构建流程,我们需要思考当前存在的不足之处。到目前为止,在本课程中,我们已经学习了使用 Bootstrap 4 构建布局的多种技巧和方法。我们介绍了 SCSS,但发现其配置略显复杂,初学者使用时也有些不够顺手。我们还学习了 Bootstrap 4 的组件,这些组件体现了“不要重复自己”(DRY 开发)的理念。因为每个组件都基于相同的代码结构,部分组件还具备可组合性,即通过组合多个组件来构建更复杂的结构。

Angular 是由 Google 支持的成熟前端开发框架。在学习 Bootstrap 布局时选择 Angular 有以下几个优势:

  • 它解决了 SCSS 使用中的问题。
  • 能帮助我们快速实现布局的模块化。
  • 由于以上两点,我们将显著提升布局构建的速度。
  • 结合 Angular 与 Bootstrap 4,能够让我们以更高效、更正确的方式学习并提升技能。

Bootstrap 4 中的网格系统

Angular 的工作原理