awehook

上一篇总览 我们介绍了 webpack 整体的编译过程，这次就来分析下基础的 Tapable。 webpack 整个编译过程中暴露出来大量的 Hook 供内部/外部插件使用...

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最...

React 基于虚拟 DOM 和高效 Diff 算法的完美配合，实现了对 DOM 最小粒度的更新。大多数情况下，React 对 DOM 的渲染效率足以我们的业务日常。但在个...

之前开源的思维导图库blink-mind的框架基本上写完了。正所谓轮子搞定了，不造出辆车出来溜溜弯怎么行呢，不然怎么知道这轮子是否好使呢。 于是做了这么个vscode的思维...

在UI组件库的过程中，有一个经常会考虑到的问题是，使用者在使用这个UI库的过程中，可能不满意库默认提供的表现和行为，需要对默认的表现和行为进行自己的定制。 评价一个库是否好...

这个项目用到了我开发的思维导图类库blink-mind,支持以插件的方式定制任何想要的需求。 思维导图节点的文本编辑器是基于slate的富文本编辑器，类似于medium的编...

在用Javascript 或者 Typescript 开发web组件库（library）的过程中，如果想写一个使用这个库的示例（demo)。这个demo的代码结构用什么方式...

因为思维导图的布局方式我选用的是Flex 布局，SVG元素可以像操作普通DOM 节点一样进行操作，使用SVG 方案的话，可以把每两个NodeWidget之间Link单独用一...

对于HTML5 Drag && Drop API 不熟悉的同学，可以先看下这篇文章，HTML5原生拖拽/拖放 Drag & Drop 详解。本文记录我在使用React框架在...

在开发思维导图控件blink-mind-react的时候，有一个需求是：当点击展开和折叠某个节点的时候，需要展开和折叠的icon的位置（相对于视口的位置）不要发生变化。 这...

移动到某一位置时就无法继续移动。 所以在content的size 发生变化时，bigView的size 必须也需要能够同步发生改变。 这就要求组件的使用者在写代码过程中要用...

最近在开发一个思维导图的库blink-mind-react，在开发这个库的过程中，由于思维导图区域需要可以在视图里面自由移动，实现DragScroll效果。所以开发了这么一...