%20(2).svg)
项目简介
本项目是基于 JavaScript 的高效 Markdown 编辑器，为用户打造简单易用、性能卓越的 Markdown 编辑环境。用户能在编辑器输入 Markdown 文本，并实时预览渲染结果，效果类似 https://maxiang.io/ ，同时运用多种性能优化策略提升使用体验。
项目的主要特性和功能
- Markdown 解析：用 remarkable 库解析 Markdown 文本，解析快且易扩展，支持 Commonmark 规范。
- 实时预览：编辑器左侧输入 Markdown 文本，右侧实时显示渲染结果。
- 性能优化：通过 LightHouse 体检，优化 LCP、TTI、TBT 等指标，提升首屏加载速度与页面响应性能。
- 异步加载：第三方包异步加载（使用 defer），避免阻塞主线程，提高 DOM 解析效率。
- 缓存策略：为静态资源配置 HTTP 缓存，加快重复访问时的页面加载时间。
- 语义化增强：为
<html>元素添加lang属性，为表单元素关联标签，提升辅助技术使用体验。 - HTTPS 支持：采用 HTTPS 协议保障通信安全。
- 源映射部署：部署大型第一方 JavaScript 的源映射，方便生产环境调试。
- 元描述添加：为文档添加元描述，在搜索结果中总结页面内容。
- PWA 支持（规划中）：计划添加 PWA 支持，包括注册 service worker、重定向 HTTP 到 HTTPS、配置启动画面和主题颜色等。
- 持久化存储优化：减少直接写入 Storage 的频率，设计旧数据缓存清除策略，避免存储容量持续增长。
安装使用步骤
假设用户已经下载了本项目的源码文件，操作步骤如下：
1. 解压下载的源码文件。
2. 打开解压后的文件夹。
3. 使用现代浏览器（如 Chrome、Firefox 等）打开 index.html 文件，即可开始使用 Markdown 编辑器。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】