在一个前端使用 Angular， 后端使用 SpringBoot 的项目中，有一个对象的某个属性值中带有 + 字符，前端发到后端后，发现 + 被解析成了 空格 。

在并查集的实现里面有提到，并查集两种实现方式：

• 一种是使用数组，索引作为元素，数组值作为集合，这种方式适合快速查询。
• 一种是基于森林实现，不过也是使用数组结构，索引作为元素，数组值存储其父节点的方式。

Java 的 Stream 有一个非常重要且有用的操作符 groupingBy，可以对数据进行分组统计。

我们可以根据业务需要，对分组的键以及分组规则进行自定义，以实现更复杂的分组统计计算。

并查集的定义

并查集（Union Find）：一种树型的数据结构，用于处理一些不交集（Disjoint Sets）的合并及查询问题。不交集指的是一系列没有重复元素的集合。

并查集主要支持两种操作：

• 合并（Union）：将两个集合合并成一个集合。
• 查找（Find）：确定某个元素属于哪个集合。通常是返回集合内的一个「代表元素」。

原文： Angular Change Detection Explained

原文地址：Angular - What is Unidirectional Data Flow? Learn How the Angular Development Mode Works, why it’s important to use it and how to Troubleshoot it

Web 框架的一个重要的特征就是 单向数据流。让我们来谈谈这个术语是什么意思，以及它在 Angular 中的对应关系。

与此相关，我们也来了解一下 Angular 的开发模式，为什么使用它很重要，如果需要的话，我们可以如何排除故障。让我们首先从单向数据流这个术语的数据部分开始。

How to RxJS in Angular

经过几年的 Angular 前端开发和 RxJS 的大量使用，我决定把我个人的一些关键经验写成一篇简洁的文章。在这篇文章中，我假设你已经对 Observable-streams 以及不同的 Subject-types 的工作方式有了一些基本的了解。如果是这样的话，这可能会帮助你掌握 Angular 中 RxJS 的最常见的使用情况。

我们在实现前端页面时，经常会遇到使用 http 加载远程数据的情况，为了友好的用户体验，一般在请求 http 远程数据时，都会用一个加载动画来减轻用户的等待焦虑。

返回上一页可能是 web 应用中最常用的一个功能，实现方式也有很多种。
一般在设计返回上一页功能时，都要记住上一页的状态。
比如从一个列表页点击到详情页时，列表页可能有一些状态，比如当前的搜索条件，或者是列表的分页等状态，再从详情页点击“返回上一页”时，除了要跳转到列表页，还要记住之前的搜索条件或分页等状态。

Angular 有两种变更检测策略：Default和OnPush。在一些中小型项目中，直接使用默认的Default策略即可，但如果在一些大型项目中，数据量比较大，而且变动比较频繁，一般会使用OnPush策略来优化性能。

OnPush策略提供了跳过对这个组件和它的所有子组件的不必要检查的可能性，以提高性能。
其中有一项很重要的就是输入的引用发生了变化。
JavaScript 中的所有东西都是通过引用传递的，但所有的基元(基础类型数据)都是不可改变的，它们的字面表述都指向同一个基元实例/引用。修改对象属性或数组条目不会创建一个新的引用，因此不会触发 OnPush 组件的变更检测。要触发变更检测器，你需要传递一个新的对象或数组引用来代替。
这就要求输入使用不可变对象，每次对象属性发生变化都产生一个新对象引用，以便能够触发变更检测。