效果展示 該拓?fù)鋱D會作為該topic的一個附件。 Online App: https://awehook.github.io/react-mindmap/ vscode ex...
效果展示 該拓?fù)鋱D會作為該topic的一個附件。 Online App: https://awehook.github.io/react-mindmap/ vscode ex...
之前開源的思維導(dǎo)圖庫blink-mind的框架基本上寫完了。正所謂輪子搞定了,不造出輛車出來溜溜彎道怎么行呢,不然怎么知道這輪子是否好使呢。 于是做了這么個vscode的思維...
基于react ,immutable.js 以及 slate 構(gòu)建的思維導(dǎo)圖app : react-mindmap 開源啦?。?在線演示:https://awehook.gi...
本文將會介紹一個開源庫storybook 在用Javascript 或者 Typescript 開發(fā)web組件庫(library)的過程中,如果想寫一個使用這個庫的示例(de...
技術(shù)選型 在開發(fā)思維導(dǎo)圖庫blink-mind-react過程中,實(shí)現(xiàn)思維導(dǎo)圖中節(jié)點(diǎn)(NodeWidget)之間的連接線(Link)的技術(shù)選擇,有兩種: 使用canvas a...
最近開發(fā)了一款適合自己用的大綱筆記軟件 Awesome Outliner。這篇文章分享自己為什么要開發(fā)這樣一款軟件。 緣起 開發(fā)者在開發(fā)軟件,閱讀開源代碼,看文檔和博客學(xué)習(xí)技...
在開發(fā)思維導(dǎo)圖控件blink-mind-react的時候,有一個需求是:當(dāng)點(diǎn)擊展開和折疊某個節(jié)點(diǎn)的時候,需要展開和折疊的icon的位置(相對于視口的位置)不要發(fā)生變化。 這個...
上文說到當(dāng)可拖動的實(shí)際內(nèi)容的大小發(fā)生變化時, 比方說可拖動內(nèi)容content的size是width:100px, height:100px, 視口viewBox的size是w...
緣起 最近在開發(fā)一個思維導(dǎo)圖的庫blink-mind-react,在開發(fā)這個庫的過程中,由于思維導(dǎo)圖區(qū)域需要可以在視圖里面自由移動,實(shí)現(xiàn)DragScroll效果。所以開發(fā)了這...