设计模式是前端开发中常用的一种解决问题的方式。常见的设计模式包括MVC、MVVM、观察者模式、单例模式、工厂模式和适配器模式等。

比如，MVC和MVVM模式可以更好地组织代码，让数据和界面交互更清晰。观察者模式可以用来实现事件处理或者数据绑定。单例模式可以用来管理全局状态或共享资源。工厂模式可以动态创建对象，适配器模式可以处理不同接口之间的兼容性问题。

选择合适的设计模式可以提高代码的可重用性、可测试性和可维护性，同时也有助于团队合作和代码的稳定性。

MVC（Model-View-Controller）模式：

MVC（Model-View-Controller）模式是一种常用的软件架构模式，用于将应用程序分为三个主要部分：模型（Model）、视图（View）和控制器（Controller）。

• 模型（Model）

它是负责处理应用程序的数据逻辑，包括数据的获取、处理和存储。

• 视图（View）

它是负责展示用户界面，将模型的数据以可视化的形式呈现给用户。

• 控制器（Controller）

它是作为模型和视图之间的中介，负责处理用户的输入、逻辑判断和控制模型与视图的交互。

MVC模式的优点在于可以增强代码的可维护性和可拓展性，方便团队协作和后续功能的开发和更新，也大大提高了开发的效率。

MVVM（Model-View-ViewModel）模式：

MVVM模式是基于MVC模式的演化形式。也将程序分为三部分：模型、视图和视图模型。这里只介绍与MVC模式不同的视图模型。

• 视图模型（ViewModel）

它是作为连接器，负责连接模型和视图。它可以将模型内的数据转化为视图所需的格式，并可以处理用户交互的逻辑。它并不是直接依赖于视图，是通过数据绑定来实现连接。

MVVM模式相较于MVC模式，它的优点在于：可以实现数据的双向绑定，这个很实用；然后就是可以适应一些前端框架，也支持UI组件的运用和重复使用。

本篇笔记只先介绍前两个较为常用的模式，剩下的模式，下一篇笔记再继续记录。