direction 选项可选 MindElixir.LEFT、MindElixir.RIGHT 和 MindElixir.SIDE。 挂载的目标需要定宽高，可以是百分百；外层元素建议设置 position: relative;，否则菜单位置以视窗为标准分布。 在使用节点操作方法…

之前开源的思维导图库blink-mind的框架基本上写完了。正所谓轮子搞定了，不造出辆车出来溜溜弯怎么行呢，不然怎么知道这轮子是否好使呢。 于是做了这么个vscode的思维导图扩展，验证下这个库的可用性，另外确实工作中也会用的到这个扩展，后面也会一直投入时间去维护这个插件，让这…

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

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

这个项目用到了我开发的思维导图类库blink-mind,支持以插件的方式定制任何想要的需求。 思维导图节点的文本编辑器是基于slate的富文本编辑器，类似于medium的编辑体验。 2. 移动整个画布 3. 节点之间可以通过拖动移动位置

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

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