随着对JS的知识的了解和实际的开发需要，内心对于重读设计模式的感触越来越深，所以就重新拿起了《JavaScrip设计模式与开发实践》一书，并结合《设计模式之美》的部分内容，先做个总结，并先讲一下单例模式，剩下的后续慢慢讲。
首先提出几个问题，也是我这次的几个比较总结性的收获：
然后抛出我这次对设计模式的一个最大的收获，就是所有的设计模式，其实都是识别出代码中不变的部分和易变的部分，分别封装起来，然后组合二者,而要准确地识别出这一点，不仅需要代码能力的深厚，更是要真正地去理解业务。
比如策略模式，一个个策略就是易变的部分，而对策略的调用则是不变的部分。代理模式中，被代理的操作就是不变的，而代理本身就是易变的。
其实，设计模式的出现某种程度上就是为了弥补语言的不足，比如原型模式算是一种设计模式，但是JavaScript本身就通过原型链支持了这种模式。
最近在阅读《Web高效编程与实践优化》的计算机基础一节，看到他讲了JS中Set和Map的区别，以及Object的实现，算是解决了往常的一点疑惑吧，这里简单总结下：
Redux是一个web前端的状态管理库，通用与所有前端页面，并不依赖于什么框架，是一个纯js的项目，其原理和源码比较简单，我们先要理解redux源码，再去看redux-toolkit源码，才能明白redux-toolkit的源码为什么要那么写，然后才能结合react源码理解react-redux的源码。这次我们就先来理解redux的源码。
今天leetcode的每日一题是和至少为 K 的最短子数组,这道题需要使用前缀和加单调队列。
我们都知道React可以开发一个SPA，也就是单页应用。所谓单页应用，顾名思义，就是整个网站的web前端只有一个html文档。这种应用区别于传统的网站，在web刚开始的发展的时候，不同的页面就对应不同的html，也就是说你能看到几个页面就有几个不同的html，地址栏每次地址的改变都会重新发出一个get请求给服务器，然后请求回来一个不同的html文档。
但是单页应用不需要，甚至说不应该每次路由改变都发送get请求，因为它只有一个页面，那么这种在这种情况下，我们怎么实现路由改变时只更新页面而不发起新的请求的呢，这就要用到react-router。我们一起看一下react-router的使用以及简单的原理介绍。
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。关于Flex布局可以看我的上一篇博客：https://sunra.top/posts/40806/
这篇博客我们继续介绍下一种新的布局：grid布局
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
当然还有一种布局解决方案是grid布局，但本文先就flex进行梳理。
Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性，更多的细节将在别的文档中探索。
我们说 flexbox 是一种一维的布局，是因为一个 flexbox 一次只能处理一个维度上的元素布局，一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout，可以同时处理行和列上的布局。