7、使用TypeScript构建应用：Markdown编辑器与个人联系人管理器

使用TypeScript构建应用：Markdown编辑器与个人联系人管理器

1. Markdown编辑器开发要点

在开发应用时，需求是会发生变化的。当需求改变时，我们要确保更新需求，不做无端假设，并检查已完成的工作是否符合更新后的需求。

之前开发的应用能响应文本区域的输入，并更新标签显示转换后的文本。文本转换由多个类处理，每个类仅负责单一职责。专注于开发单一职责的类，能让代码更简洁，减少出错概率，因为设计良好的单一职责类比多功能类更不容易出现问题。

为了将文本处理拆分为判断行是否包含Markdown以及添加相应HTML编码文本的操作，引入了访问者模式和责任链模式。模式在软件开发中广泛存在，它们不仅能清晰地说明如何解决问题，还提供了一种通用语言，便于开发者交流。

以下是一些待解决的问题：
1. 目前应用仅能响应键盘输入，需增强 HtmlHandler 方法以处理用户通过上下文菜单粘贴文本的情况。
2. 已支持H1 - H3标签，需添加对H4、H5和H6标签的支持。
3. 在 CanHandle 代码中调用了 Visitable 代码，需修改基础 Handler 类以调用 Accept 方法。

2. 个人联系人管理器项目概述

我们将使用React构建一个个人联系人管理器，数据将存储在客户端的IndexedDB数据库中。以下是项目的技术要求和组件信息：
- 技术要求 ：需要使用现代浏览器，如Chro