你盼世界，我盼望你无bug。Hello 大家好，我是霖呆呆！ 哈哈哈，好久没写文章了，不过今日再次提笔就像和一位很久没见面的好朋友约了顿饭，熟悉的感觉又回来了[窃喜~]。 希沃ENOW大前端也已经发了十几篇文章，一轮了，感谢大家的支持和喜欢啦[笔芯～]。 这周给大家带来的是一篇…

因为思维导图的布局方式我选用的是Flex 布局，SVG元素可以像操作普通DOM 节点一样进行操作，使用SVG 方案的话，可以把每两个NodeWidget之间Link单独用一个SVG元素来表示，一个NodeWidget有多少个子元素，这个NodeWidget的children中就…

在工作和学习中少不了用思维导图作为工具，我们经常用xmind等软件做导图，那么如何开发一个web在线的思维导图呢，这里给大家介绍一种开发思路，大家一起交流一下。

前言 原计划中，计划一篇文章写完思维导图布局相关的所有内容，写到一半发现， 可能内容过于冗长，对于阅读的小伙伴来说并不好理解，遂拆分为两篇文章。 可以先阅读此篇， 作为前提 -> 包含概要的思维导图布

学习 React 时做的练手项目，基于纯 Hooks 和 flex 布局实现的思维导图。 所有组件都是函数组件，由 Hook 实现事件、状态等的管理。除了 useState、useEffect 等基本操作外，还实现了： 利用 useReducer 和 useContext 的结…

思维导图是一种常见的表达发散性思维的有效工具，本文会完整的介绍如何从头实现一个简易的思维导图，最终成果预览：https://wanglin2.github.io/mind-map/