定义组合模式 允许以相同的方式处理单个对象和对象的组合体；意图是将对象组合成树形结构以表示 “部分 - 整体” 的层次结构；Composite 使得用户对单个对象和组合对象的使用具有一致性。使用场景：其实就定义来看，真的是比较模糊，很难总结出一个比较核心的规律。先从使用场景开始看，组合模式 一般使用率不高，但是当需要使用时，基本就说明必用不可。文件系统：文件包括，目录和文件两个部分，整体可以明白，

定义状态（State）模式的定义：对有状态的对象，把复杂的“判断逻辑”提取到不同的状态对象中，允许状态对象在其内部状态发生改变时改变其行为。简单的说，就是定义好各个状态（一般是定义好的），通过一个中间对象来设置和获取当前状态，并执行对应状态的方法。结构：环境类（Context）角色：也称为上下文，它定义了客户端需要的接口，内部维护一个当前状态，并负责具体状态的切换。具体状态（Concrete St

桥接模式桥接（Bridge）是用于把抽象化与实现化解耦，使得二者可以独立变化。这种类型的设计模式属于结构型模式，它通过提供抽象化和实现化之间的桥接结构，来实现二者的解耦。简单的说，就是将比较独立的功能，抽离成单独的组件，然后再需要使用到它的地方，按照使用方式的不同，在进行排列组件。其实这也是现代前端框架组件化思想的来源，不管是 react 还是 vue，开发的过程中，都是尽可能的拆分出各种独立的功

抽象工厂模式：工厂方法模式 主要是作用与同一类产品，比如说：手机，而 抽象工厂模式 是对一产品簇的抽象，比如说， 小米有小米手机，小米笔记本…如果说 工厂方法模式 是对同一类产品的抽象，那么 抽象工厂模式 就是对同一类簇的抽象，也可以说是对一个复杂对象，进行更细致的抽象；简单的类比，小米从当初的小米手机发展成小米商城，小米一开始创建时，只有小米手机这一类产品，此时可以用 工厂方法模式，管理小米手机

nth-of-type() 详解ele:nth-of-type(n)表示选择父元素下的第 n 个 ele 元素，其中 n 可以是正整数、公式或者关键字。同时， ele 一般是标签选择器。<style>* {margin: 0;padding: 0;}.box {width: 400px;height: 200px;margin: 100px auto;border: 1px solid

react-router-domreact-router-dom v6 整体体验相对于 v5 ，体验要好更多，最大的一个改变，就是曾经的 Route 不可嵌套，整个路由配置必须拆分成若干小块，除非通过 react-router-config 这种插件，才可以实现对整个路由的管理，然而现在，不需要任何插件就可实现对路由配置的管理。官网地址: react-router当前例子，根据分支对应例子：rea