哪種JS/CSS框架可以畫(huà)出如Xmind這樣的思維導(dǎo)圖？XMIND可以繪制思維導(dǎo)圖、魚(yú)骨圖、二維圖、樹(shù)形圖、邏輯圖、組織圖等樣式。如果這些框架樣式不符合要求，也可以設(shè)置自己的框架樣式。下面介紹如何設(shè)置

哪種JS/CSS框架可以畫(huà)出如Xmind這樣的思維導(dǎo)圖？

XMIND可以繪制思維導(dǎo)圖、魚(yú)骨圖、二維圖、樹(shù)形圖、邏輯圖、組織圖等樣式。如果這些框架樣式不符合要求，也可以設(shè)置自己的框架樣式。下面介紹如何設(shè)置自己的框架樣式。

1. 首先，打開(kāi)一個(gè)結(jié)構(gòu)圖并測(cè)試以修改樣式。

2. 要修改框架樣式，請(qǐng)選擇一個(gè)框架，然后單擊菜單欄上的“視圖樣式”。

3. 右側(cè)將顯示樣式選擇框。雙擊樣式以更改選定的樣式框。主題、邊框和背景可以更改。

4. 如果對(duì)線條大小和邊框樣式不滿意，可以選擇一個(gè)邊框，單擊鼠標(biāo)右鍵選擇“屬性”，然后可以在右側(cè)框中修改邊框的各種樣式，如形狀、顏色、線條粗細(xì)和字體。

5. 修改后的樣式如圖所示。

html css js為什么不直接設(shè)計(jì)成可視化的,像做PPT那樣？

有很多可視化的HTML CSS JS工具，如：DW、h5builder、Baidu website framework、Vue等

但效果不如PPT，這涉及到一個(gè)基本問(wèn)題：開(kāi)發(fā)語(yǔ)言。

Ppt屬于Microsoft的封閉式office套件，其格式是獨(dú)占的，并且沒(méi)有供開(kāi)發(fā)人員使用的用戶定義的開(kāi)發(fā)腳本（excel有VBA宏）。Word具有基本的功能。Ppt僅提供封閉效果引用，如動(dòng)畫(huà)、圖片效果渲染等

Html是一種超文本標(biāo)記語(yǔ)言。在JS腳本和CSS樣式表的描述下，提供給瀏覽器（開(kāi)放軟件）臨時(shí)編譯對(duì)象在瀏覽器框架下運(yùn)行。因此，有些網(wǎng)頁(yè)在一個(gè)瀏覽器中顯示正常，在另一個(gè)瀏覽器中顯示不正常。因此，很難提供一個(gè)類似ppt的可視化框框用于網(wǎng)頁(yè)的拖放編輯。

近年來(lái)，經(jīng)過(guò)前端開(kāi)發(fā)和后端開(kāi)發(fā)的分離，前端正朝著框架和模板的方向發(fā)展。如果沒(méi)有后臺(tái)的數(shù)據(jù)支持，在開(kāi)發(fā)階段，很多頁(yè)面甚至是空白的，這就更不可能用PPT的方式開(kāi)發(fā)了

作為前端，真的有必要把三大JS框架（vue，react，angular）都學(xué)會(huì)嗎？

我碰巧在實(shí)際生產(chǎn)項(xiàng)目中使用了這三個(gè)框架。說(shuō)句公道話，從工作的角度來(lái)說(shuō)，不一定要把這些都學(xué)完。從推廣的角度來(lái)看，你至少需要學(xué)習(xí)Vue、react和原生web開(kāi)發(fā)。安格爾在一定程度上已經(jīng)是第二梯隊(duì)。其工程方案可以理解，但已不再是主流。

事實(shí)上，大多數(shù)時(shí)候，前端工程師解決的不是風(fēng)格的問(wèn)題，而是協(xié)作和業(yè)務(wù)邏輯處理的問(wèn)題。一個(gè)公司很少同時(shí)使用多個(gè)框架來(lái)實(shí)現(xiàn)業(yè)務(wù)功能。他們可以學(xué)到很多，但在實(shí)際項(xiàng)目中，他們通常有一套代碼，這是方便，快速和高輸出。因此，你在公司的職位與你將遇到多少框架無(wú)關(guān)。而且在完全學(xué)習(xí)了一個(gè)框架之后，也不是不可能把其他的拿出來(lái)，所以在一天之內(nèi)寫(xiě)一個(gè)項(xiàng)目也不是不可能的。但如果你想在技術(shù)上走得更遠(yuǎn)，你需要了解它們的內(nèi)在邏輯、演變歷史和未來(lái)趨勢(shì)，這樣你才能做到最好，擺脫技術(shù)上的糟粕。