什么是设计模式呢？软件设计中常见问题的解决方案模型：有历史经验的总结，以及与特定语言无关。 设计模式分类：1.创建型-如何创建一个对象2.结构型-如何灵活的两对象组装成较大的结构.3.行为型-负责对象间的高校通信和指责划分。 前端场景下的设计模式：浏览器中的设计模式：单例模式#全局唯一访问对象，发布订阅模式#一种订阅机制，可在被订阅对象发生时通知订阅着（应用场景）：从系统架构之间的解耦，到业务中一些实现模式，像邮件订阅，上线订阅。 javascript中的设计模式：1.原型模式：复制已有对象来创建新的对象（应用场景）js中对象创建的基本模式-先定义一个变量对象，baseuser定义与class中差不多有一个名称，name：“”，status：“offline”，followers：[]，subscribe方法和online方法，接着怎么创建这个用户，用createuser只接受name的参数，2.代理模式：可自定义控制对原对象的访问方式，并且允许更新前后做一些额外处理（应用场景）监控，代理工具，前端框架实现等3.迭代器模式#在不暴露数据类型的情况下访问集合中的数据，（应用场景）数据结构中有多种数据类型，列表，树等，提供操作接口。小tips：添加symbol iteraor可以让组件变成可迭代的。 前端框架中的设计模式：1.代理模式：前端框架中对dom操作的代理，更改dom的属性→视图更新，更改dom属性→更新虚拟dom→diff视图更新。2.组合模式：可多个对象组合使用，也可单个对象独立使用（应用场景）dom，前端组件，文件目录，部门，小tips：count可以独自渲染也可以组合渲染。 总的来说，总结出抽象的模式相对比较简单，但是想要将抽象的模式套用到场景中却非常困难， 现代编程语言的多编程范式带来的更多可能性，真正优秀的开源项目学习设计模式并不段实践。 移动端h5调试：1.真机调试，用数据线将手机与电脑相连，2.vconsole在页面中注入这个组件，3.使用代理工具调试，原理#电脑作为代理服务器，手机通过http代理连接到电脑，手机上的请求都经过代理服务器。其中charles适合查看，控制网络请求分析数据。4.nodejs调试1..inspector protocol+chrome devtool1.执行命令 node- inspect=8888index.js2.chrome浏览器访问服务3.点击绿色node图标打开node调试面板4.在node调试面板中使用断点调试。vscode点击运行，添加配置，启动调试，添加断点，查看变量，堆栈！
