首先定义一个构造函数，叫Observe，给构造函数添加一个属性dep，用于收集所有的订阅者，并在原型上添加一个patch方法，用于发布信息。

在这里我想解释一个小概念：所谓的订阅者（观察者），其实就是我们接到数据后进行处理的函数，Observe中的dep属性，收集的就是这一堆回调函数。

因此，我们的patch方法很简单，就是遍历dep中收集的回调函数（订阅者/观察者），并依次调用。

为了方便我们任何一个函数都可以做为观察者使用，直接在Function构造函数的原型上添加两个方法，一个叫subscribe（订阅），一个叫unsubscribe（取消订阅）。

前端开发的技术选项主要包含以下几点，下面对一些名词概念的解释做了笔记：

1、分层架构：把功能相似，抽象级别相近的实现进行分层隔离

优势：松散耦合（易维护，易复用，易扩展）

常见分层方式：MVC，MVVM

2、模块化：解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程

hash模式：

1.hash模式的路由中带有#号
2.hash模式通过window.onhashchange 方法监听路由的改变
3.hash模式刷新页面的时候，发送的url是不带#号后面的内容的

最近，我又看到了一个新的前端框架，它的名字叫做 ofa.js，其实我更觉得它就是一个库，有点类似于

在MyBatis的两万多行的框架源码中，使用了大量的设计模式对工程架构中的复杂场景进行解耦，这些设计模式的巧妙使用是整个框架的精华。

原则概述

定义：在进行软件系统设计时所要遵循的一些经验准则，应用该准则的目的通常是为了避免某些经常出现的设计缺陷。（百度百科）

目标：降低系统耦合度、提高代码复用率、增强系统可靠性或使得系统易于维护。

七大原则

背景介绍

我们知道，为了提高企业研发效能和对客户需求的快速响应，现在很多企业都在着手数字化转型，不仅仅是大厂(阿里，字节，腾讯，百度)在做低代码可视化这一块，很多中小企业也在做，拥有可视化低代码相关技术背景的程序员也越来受重视。

软件架构是一门艺术，它需要丰富的经验和广泛的技术知识。遗憾的是，没有一种适用于所有场景的“银弹”架构。软件架构必须根据具体应用和团队的需求进行设计。考虑的因素可能包括：

• 性能
• 可扩展性
• 弹性
• 灵活性
• 简单性

引言

在当今的Web开发中，用户界面的设计不仅是美观的问题，更是用户体验的关键组成部分。自定义主题和样式不仅可以让网站更具个性化，还能提高品牌的辨识度。本文将详细介绍如何使用CSS变量、预处理器（如Sass）、以及JavaScript来创建灵活且可定制的主题系统，以便开发者可以根据需要快速更改网站的颜色、字体等样式。