MindMap帮助文档

简介

MindMap是一款web版的思维导图应用,整个项目使用html+css+javascript开发。MindMap利用了许多html5特性:StorageFile AccessGraphicsPresentation

技术实现

MindMap以bootstrap为基础开发css+html。

MindMap采用OOP的开发方式,使用类似backboneextend方法实现继承。许多设计模式被应用到MindMap中:使用Command模式实现操作的Undo和Redo功能,使用Compositon模式组织map和node对象等等。

MindMap的js组织方式,变量命名方式受到google closure的影响。 MindMap实现了一个类似closure的js加载器,配合一个nodejs脚本(用于生成js文件依赖记录)来管理组件之间的依赖关系。

兼容性

目前mindMap支持:Firefox19、Chrome25。我没有条件测试Safari;而Opera最近宣布将加入webkit的大家庭,所以我也没有再花时间测试;MindMap不支持IE。

功能特性

  1. 可以将map保存为本地的文本文件,也能打开本地文本格式的map
  2. 可以将map保存在浏览器的storage中,也能打开在storage中的map
  3. 创建新的map,为map添加节点,为节点添加子节点,删除节点。
  4. 改变节点的内容、位置
  5. 保存操作,实现了简单的redo和undo功能
  6. 节点的copy、cut、paste功能