11、利用MEAN栈构建照片画廊：Angular实战指南

利用MEAN栈构建照片画廊：Angular实战指南

1. 理解Angular

Angular是一个结合HTML和TypeScript创建客户端应用程序的平台。最初，Angular用JavaScript编写（当时称为Angular.js），后来用TypeScript完全重写并更名为Angular。Angular的架构围绕一系列模块展开，我们可以将这些模块引入应用程序或自行编写，模块中可包含服务和组件，用于构建客户端代码。

Angular的一个关键理念是，完全重新加载网页是一种浪费行为。许多网站的导航、页眉、页脚和侧边栏等内容是相同的，用户每次导航到新页面时重新加载这些未改变的内容是浪费时间。Angular推动了单页面应用程序（SPAs）架构的普及，在SPAs中，只有页面中需要改变的小部分内容会更新，这减少了网页的流量，提高了客户端应用程序的响应能力。

以下是典型的SPAs格式示意图：

graph LR
    classDef static fill:#E5F6FF,stroke:#73A6FF,stroke-width:2px;
    classDef dynamic fill:#FFF6CC,stroke:#FFBC52,stroke-width:2px;

    A(网页整体):::static --> B(静态部分):::static
    A --> C(动态部分 - 垃圾邮件区):::dynamic

虽然Angular可以创建多页面应用程序，但除非有实际需求，否则建议编写Angular SPA应用程序。

2.