46 lines
2.4 KiB
HTML
46 lines
2.4 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<title>templates</title>
|
||
<style>
|
||
html{background-color: rgb(0,135,255);}
|
||
body{background-color: white;padding:0;margin:0;}
|
||
.contentWrapper{width:940px;margin:0 auto;}
|
||
</style>
|
||
<link rel="stylesheet" type="text/css" href="css/FullPageAnimationsPrefixed.css">
|
||
</head>
|
||
<body>
|
||
<script type="text/javascript" src="js/help.js"></script>
|
||
<script type="text/javascript">
|
||
SetupBodyBringToViewAnimation("fadeIn");
|
||
</script>
|
||
<div class="contentWrapper">
|
||
<div><h1>mindMap帮助文档</h1></div>
|
||
<div>
|
||
|
||
<h2>简介</h2>
|
||
|
||
<p>MindMap是一款web版的思维导图应用，整个项目使用html+css+javascript开发。MindMap利用了许多html5特性:<a href="http://www.html5rocks.com/en/features/storage">Storage</a>、<a href="http://www.html5rocks.com/en/features/file_access">File Access</a>、<a href="http://www.html5rocks.com/en/features/graphics">Graphics</a>、<a href="http://www.html5rocks.com/en/features/presentation">Presentation</a>。目前mindMap支持的浏览器有：Firefox19、Chrome25，我没有条件测试Safari，而Opera最近宣布将加入webkit的大家庭，所以我也没有再花时间测试，mindMap不支持IE。</p>
|
||
|
||
<p>建立MindMap的目的是将自己在学习工作中积累的新知识和技巧应用到实践中。</p>
|
||
|
||
<p>MindMap以<a href="http://twitter.github.com/bootstrap/">bootstrap</a>为基础开发css+html。
|
||
js结构，命名方式类似于<a href="https://developers.google.com/closure/library/">google closure</a>，mindMap实现了一个类似closure的js加载器，并且使用一个nodejs脚本管理js文件的依赖关系。</p>
|
||
|
||
<h2>功能特性</h2>
|
||
|
||
<ol>
|
||
<li>可以将map保存为本地的文本文件，也能本地文本格式的map</li>
|
||
<li>可以将map保存在浏览器的storage中，也能打开在storage中的map</li>
|
||
<li>创建新的map，为map添加节点，为节点添加子节点，删除节点。</li>
|
||
<li>改变节点的内容、位置</li>
|
||
<li>保存操作，实现了简单的redo和undo功能</li>
|
||
<li>节点的copy、cut、paste功能</li>
|
||
</ol>
|
||
</div>
|
||
<div></div>
|
||
</div>
|
||
</body>
|
||
</html> |