如何用Javascript写一个Xmind的H5版本 - 1

简要：

我是一个设计狗，毕业已经一年多了。
在工作一段时间后，深知设计误国，编程兴邦。于是在几个月前对灯泡发誓要在一年内转行伟大的宇宙机行业。
在经过了好久的纠结之后，决定从前端入手，因为有设计的经历也算有点优势，而且也是对后端毫无界面的环境提不起兴趣，也算是做了比较深思熟虑的决定。
对于语言，既然已经决定了前端，那就没得选喽，H5全家桶，js,html,css...来全套。

在自己下班后（偶尔不加班的时候），从基本的书籍开始，看代码规范，html是什么，H5现在到什么程度..经过个把个月也有了大概的了解。在很久很久之前，也了解过(只是皮毛)计算机网络、C++、Python、Java、MySQL、易语言(初中时候)..所以基础的东西也算是没遇到什么很大的阻力。

重点来了：
在看了一些Javascript的基础部分之后，记笔记总是感觉很多时候需要画流程图等diagram，可是自己习惯用的onenote实在是无力。
于是乎，就想着，借着学习加实践的思路，边学边卖。
做一个H5版的XMind!!!!

这一系列文章会更新我在做这个小程序的一些想法，和学习的历程，也算是自己的笔记吧。如果有一同正在转行的小伙伴也可以一起勉励，相互交流。
强烈建议大家吐槽，批判！算是对我的一种提升和鼓励 在这先谢谢啦~

---

Github: https://github.com/GitSamson/S-MindMap
项目进度预览:https://gitsamson.github.io/S-MindMap/