定义 策略模式就是定义一系列的算法，将他们一个个封装起来。 使用场景在实际开发中，我们需要将算法的含义扩大一些。 比如，策略模式可以有效的拆分 业务逻辑，减少代码中的if .... else....这种分支 假设我们有一个按钮。需要根据

定义 代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。代理模式的关键是当客户不方便直接访问对象或者不满足需要时。提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象 st=>start: 客户 op=>ope

具体思维导图在processon中 以下是png

具体思维导图在 processon 中 以下是 png

客户端渲染 vs 服务端渲染 客户端渲染 服务端渲染 请求 多个请求(HTML, 数据等) 1 个请求(HTML) 加载过程 HTML 和数据串行加载 1 个请求返回 HTML 和数据 渲染 前端加载空白 html，然后

传参方式HashRouter 通过在url中增加查询字符串。如 <Link to={{pathname: '/test', search: '?id=1'}}>或者<Link to=

var、let、const 的作用和区别var 会在当前执行环境中进行变量提升 可重复声明，可以修改 如果未使用 var 关键字声明，则会提升为全局 // 严格模式下会报错 let let 无法重复声明 let 有暂存

Grid 简介CSS Grid Layout(又叫Grid或者CSS Grid)，它是一个二维网格的布局系统。在这之前经过了tables,float,positioning和inline-block,但它们都相当于一个hack，并且功能较少

水平垂直居中使用以下的核心代码，控制多行(多列)、单行(单列)的元素水平垂直居中 .container { flex-direction: column; /* 这一行用于多行或多列的水平垂直居中，如果是单行单列可以去掉 */

以下所有代码的示例都在仓库基本概念flex 是弹性布局，任何一个容器都可以指定为 flex 布局。只需要设置display: flex即可。在设为 flex 布局后，子元素的float,clear,vertical-align属性会失效 应