Angular 学习之路

本文分享 Angular Rgrx 体系中 Connector，Adapter，Reducer，Selector 和 Store 等概念的协同工作原理的深入理解。

任何企业级软件的前端开发，都离不开组件(Component)这个概念。撇开具体的 UI 开发技术不谈，所谓组件，就是界面的组成部分(UI Building Blocks).

笔者之前在社区分享了自己作为一名企业级前端应用开发人员，从事一款名叫 Spartacus 的开源 Storefront 框架过程中积累下来的一些开发经验。 本文介绍用户会话管理模块设计的一些经验。

本文通过 UI5 和 Angular 两种前端框架下不同的编程方式，并通过 SAP 电商云 UI 实际的开发例子，给大家介绍了响应式编程理念，在企业级前端应用中的实践。

最近笔者在工作中，修复了一些我团队负责的 Angular 应用里关于控件 id 的 issue，正好我在从事 Angular 开发之前，使用 UI5 这个前端开发框架也工作了很多年。

笔者已经在一款名叫 Spartacus 的开源 Commerce Storefront 项目中工作了三年多的时间，这个项目的技术栈是 Angular，本文分享其中自定义路由的开发经验。

本文首先给出了企业级 Web 应用的前端消息展示领域需要实现的需求，接着从消息展示的定制化这个细分领域出发，介绍了多款企业级 Web 前端的消息定制化技术实现细节。

本文从 Web 应用客户端渲染和服务器端渲染的概念辨析出发，接着介绍了开源项目 Spartacus 这款 Angular Storefront 开发框架针对搜索引擎优化的详细技术实现，希望对有类似开发

本文介绍了两种基于 UI5 和 Angular 开发的企业级前端应用里，如何通过调整 CSS 来实现客户的页面定制化需求，希望对工作于类似需求的同事有所启发。

本文选择了国内外两款最具代表性的电商购物网站，使用 Chrome 开发者工具进行探究，分析了这两款电商网站用户会话管理机制的设计原理，并从前端实现源代码层面进行了剖析，分享了用户会话管理的各场景

Skeleton Design 这个概念，想必前端开发人员比较熟悉，而普通的 App 用户，可能甚至都没有听说过，但实际上我们每个人，每天几乎都会受益于这个设计理念。

2B 企业软件更注重效率和工作流程的优化。其界面可能相对较为复杂，设计目标是提高员工的生产力。同时，企业软件更注重满足企业流程的特定需求，即产品标准里所谓的 Extensibility.

在 Local Storage 出现之前，客户端数据存储主要依赖于 cookies。但是，cookies 存在许多不足，比如存储空间有限（通常只有 4KB），数据在每次 HTTP 请求时都会被发送到服

本文介绍了 Angular Module Lazy Load 的基本概念和在企业级 Angular 应用中能给用户带来的价值，给出了实战中 Module 开启 Lazy Load 的详细步骤。

本文介绍了 Angular 应用进行搜索引擎优化的四种思路，即 Stateful Urls，Configurable URLs，服务器端渲染和 HTML Meta tag，笔者实际项目中全部使用过。

本文首先介绍了 PWA 应用开发方式的基本理念和能够给终端用户带来的收益，接着以 Spartacus 这个 Angular 应用为例，介绍Angular 应用开启 PWA 支持的一般步骤。

本文介绍了电商 Web 应用开发领域引入 Angular Universal 实现服务器端渲染的必要性，通过实际项目中State Transfer 实现出现故障的案例，介绍了此类故障的分析和解决思路。

笔者最近三年一直在 SAP 中国研究院担任 Angular 应用开发程序员的职位，负责的产品是 SAP 电商云 Spartacus UI 的开发。Spartacus 是 SAP 公司主导的一个开源项目

fakeAsync 是 Angular 测试框架中的一个功能强大的工具，用于简化异步测试用例的编写和执行。它允许开发人员在单元测试编写过程中，将异步操作看作是同步的，模拟定时器函数，并控制时间的前进。

展开运算符在 Angular 开发中经常用于组件通信、函数调用和参数传递的场景，能够增加代码的灵活性和可读性。它的使用有助于简化函数调用、数组合并等操作，提高代码的可维护性和可扩展性。