資訊專欄INFORMATION COLUMN
摘要：結(jié)構(gòu)掛載的目標(biāo)需要定寬高，可以是百分百外層元素建議設(shè)置，否則菜單位置以視窗為標(biāo)準(zhǔn)分布。函數(shù)在使用節(jié)點(diǎn)操作方法時(shí)需要傳入的參數(shù)可以借助函數(shù)獲得。
Github 地址： https://github.com/ssshooter/...
試用地址： https://mindelixir.ink/
Mind elixir 是一個(gè)免費(fèi)開(kāi)源的思維導(dǎo)圖內(nèi)核
立即試用https://mindelixir.ink/#/
在項(xiàng)目中使用 安裝 NPMnpm i mind-elixir -S
import MindElixir, { E } from "mind-elixir"
script 標(biāo)簽引入
HTML 結(jié)構(gòu)
初始化
let mind = new MindElixir({
el: "#map",
direction: MindElixir.LEFT,
data: MindElixir.new("new topic"), // 也可以把 getDataAll 得到的數(shù)據(jù)初始化
draggable: true, // 啟用拖動(dòng) default true
contextMenu: true, // 啟用右鍵菜單 default true
toolBar: true, // 啟用工具欄 default true
nodeMenu: true, // 啟用節(jié)點(diǎn)菜單 default true
keypress: true, // 啟用快捷鍵 default true
})
mind.init()
// get a node
E("node-id")
Data Export
mind.getAllData() // see src/example.js使用提示 direction 選項(xiàng)
direction 選項(xiàng)可選 MindElixir.LEFT、MindElixir.RIGHT 和 MindElixir.SIDE。
HTML 結(jié)構(gòu)掛載的目標(biāo)需要定寬高，可以是百分百；外層元素建議設(shè)置 position: relative;，否則菜單位置以視窗為標(biāo)準(zhǔn)分布。
E 函數(shù)在使用節(jié)點(diǎn)操作方法時(shí)需要傳入的參數(shù)可以借助 E 函數(shù)獲得。
mind.insertSibling(E("bd4313fbac40284b"))
文檔
https://inspiring-golick-3c01...
依賴hotkeys-js
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/106260.html
摘要：總覺(jué)書(shū)翻過(guò)一遍，就很容易忘。在網(wǎng)上看到了用思維導(dǎo)圖做記錄的方式。記錄下學(xué)習(xí)部分的思維導(dǎo)圖，對(duì)自己的知識(shí)做一個(gè)梳理。如果圖片看不清楚的話，可以來(lái)這個(gè)鏈接下載 總覺(jué)書(shū)翻過(guò)一遍，就很容易忘。在網(wǎng)上看到了用思維導(dǎo)圖做記錄的方式。記錄下學(xué)習(xí)TJ4 IO部分的思維導(dǎo)圖，對(duì)自己的知識(shí)做一個(gè)梳理。 showImg(https://segmentfault.com/img/remote/14600000...
摘要：使用的好處知乎的回答不用自己組裝，拿來(lái)就用。統(tǒng)一配置，便于修改。 前言 只有光頭才能變強(qiáng) 回顧前面： 給女朋友講解什么是代理模式 包裝模式就是這么簡(jiǎn)單啦 單例模式你會(huì)幾種寫法？ 工廠模式理解了沒(méi)有？ 在刷Spring書(shū)籍的時(shí)候花了點(diǎn)時(shí)間去學(xué)習(xí)了單例模式和工廠模式，總的來(lái)說(shuō)還是非常值得的！ 本來(lái)想的是刷完《Spring 實(shí)戰(zhàn) (第4版)》和《精通Spring4.x 企業(yè)應(yīng)用開(kāi)發(fā)實(shí)戰(zhàn)》...
摘要：無(wú)監(jiān)控不運(yùn)維運(yùn)維行業(yè)有句話無(wú)監(jiān)控不運(yùn)維。沒(méi)了監(jiān)控，什么基礎(chǔ)運(yùn)維，業(yè)務(wù)運(yùn)維都是瞎子。監(jiān)控報(bào)警模塊此模塊主要完成監(jiān)控腳本的設(shè)置報(bào)警規(guī)則設(shè)置，報(bào)警閥值設(shè)置報(bào)警聯(lián)系人設(shè)置等，并將報(bào)警結(jié)果進(jìn)行集中展現(xiàn)和歷史記錄。常見(jiàn)的監(jiān)控報(bào)警工具有等。 無(wú)監(jiān)控、不運(yùn)維 運(yùn)維行業(yè)有句話：無(wú)監(jiān)控、不運(yùn)維。是的，一點(diǎn)也不夸張，監(jiān)控俗稱第三只眼。沒(méi)了監(jiān)控，什么基礎(chǔ)運(yùn)維，業(yè)務(wù)運(yùn)維都是瞎子。** 開(kāi)篇 所以說(shuō)監(jiān)控是運(yùn)維這個(gè)...
摘要：無(wú)監(jiān)控不運(yùn)維運(yùn)維行業(yè)有句話無(wú)監(jiān)控不運(yùn)維。沒(méi)了監(jiān)控，什么基礎(chǔ)運(yùn)維，業(yè)務(wù)運(yùn)維都是瞎子。監(jiān)控報(bào)警模塊此模塊主要完成監(jiān)控腳本的設(shè)置報(bào)警規(guī)則設(shè)置，報(bào)警閥值設(shè)置報(bào)警聯(lián)系人設(shè)置等，并將報(bào)警結(jié)果進(jìn)行集中展現(xiàn)和歷史記錄。常見(jiàn)的監(jiān)控報(bào)警工具有等。 無(wú)監(jiān)控、不運(yùn)維 運(yùn)維行業(yè)有句話：無(wú)監(jiān)控、不運(yùn)維。是的，一點(diǎn)也不夸張，監(jiān)控俗稱第三只眼。沒(méi)了監(jiān)控，什么基礎(chǔ)運(yùn)維，業(yè)務(wù)運(yùn)維都是瞎子。** 開(kāi)篇 所以說(shuō)監(jiān)控是運(yùn)維這個(gè)...
閱讀 3236·2021-09-28 09:42
閱讀 3528·2021-09-22 15:21
閱讀 1210·2021-07-29 13:50
閱讀 3756·2019-08-30 15:56
閱讀 3442·2019-08-30 15:54
閱讀 1266·2019-08-30 13:12
閱讀 1259·2019-08-29 17:03
閱讀 1262·2019-08-29 10:59
