整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
文主要目的也是為了非科班前端補充計算機科班基礎知識，比如你要做node開發，不熟悉數據如何在網絡中傳輸的話，理解很多API會比較疑惑，那接下來，來看看這篇為你精心準備的文章吧！
這些內容其實比較枯燥，但我采取圖文并茂的形式，并且對于不重要的知識會標注，盡量減少閱讀的枯燥感。啥也不說了，喝口水，開擼！
計算機網絡：是一個將分散的、具有獨立功能的計算機系統，通過通信設備與線路連接起來，由功能完善的軟件實現資源共享和信息傳遞的系統。
這里需要注意的是，按分布范圍，計算機網絡里有局域網LAN和廣域網WAN, 其中局域網的代表以太網，以及這兩種網絡最重要的區分點，局域網基于廣播技術，廣域網基于分組交換技術。（這些概念聽一下就行，后面會詳細介紹，因為理解廣播和分組交換技術，大體上就理解了局域網和廣域網）
這些內容主要是為了學習后面具體的協議，以及分析這些協議的報文時，需要掌握的基本概念。
速率就是數據傳輸（數據是指0和1）的速率，比如你用迅雷下載，1兆每秒，來衡量目前數據傳輸的快慢。它是計算機網絡中最重要的一個性能指標。
在計算機網絡中，網絡帶寬是指在單位時間（一般指的是1秒鐘）內能傳輸的數據量，比如說你家的電信網絡是100兆比特，意思是，一秒內最大的傳輸速率是100兆比特。
吞吐量表示在單位時間內通過某個網絡（或信道、接口）的數據量。
以上三點，我們舉個案例
時延是指數據（報文/分組/比特流）從網絡（或鏈路）的一端傳送到另一端所需的時間。單位是s。 時延分一下幾種：
（1）發送時延
就是說我跟你說話，從我開始說，到說話結束這段時間，就是發送時延。
（2）傳播時延
如gif圖所示，信道上第一個比特開始，到最后一個比特達到主機接口需要的時間就是傳播時延。
（3）排隊時延
（4）處理時延
路由器或主機在收到數據包時，要花費一定時間進行處理，例如分析數據包的首部、進行首部差錯檢驗，查找路由表為數據包選定準發接口，這就產生了處理時延。
（5）往返時間（RTT）
在計算機網絡中，往返時間也是一個重要的性能指標，它表示從發送方發送數據開始，到發送方收到來自接收方的確認（接受方收到數據后便立即發送確認）總共經歷的時間
（6）時延帶寬積
是指傳播時延乘以帶寬
OSI參考模型是網絡互連的七層框架, 這里不詳細介紹了，每一層的具體內容會在后面介紹，這里只需要有一個初步的印象。
如下圖所示，1，2，3層主要是是物理鏈路組成的，比如光纖，路由器，集線器，主要負責的是數據通信。5，6，7層是軟件控制的，比如http協議，是一種軟件層面控制的協議，主要負責處理傳輸來的數據。
對于物理層，有人會說，這不就是網線嗎，比如家里連接路由器的網線，電線桿上的光纖？其實不然，物理層更多的是規定一種標準，他并不管物理介質具體是什么，比如電線桿上是光纖還是雙絞線，只要你能按物理層規定的標準傳輸數據就行。
那物理層到底有哪些主要任務呢？
為什么需要中繼器呢？
因為再線路上傳輸的信號功率會逐漸衰減，衰減到一定程度時將造成信號失真，因此會導致接收錯誤。
中繼器可以對信號進行再生和還原，增加信號的傳輸距離。
需要注意的是，中繼器兩端連接不同的網段，而不是子網。什么叫不同的網段呢，需要在網絡層學習IP分類之后才能夠理解這個概念，這里簡單的理解為，不同的網段就是不同路由器連接的網絡。
你能看完上面這么多概念也真是不容易，喝口水，咋們繼續！
接下來我們進入下一層，數據鏈路層！
我們用一個小故事來舉例
(1) 封裝成幀 數據鏈路層并不是無腦轉發boss的信息，她要把文件編號封裝一下。封裝的網絡數據包，在鏈路層就叫數據幀。
(2)透明傳輸
透明傳輸是指不管boss下達的任何信息，比如文件里有裁掉這個秘書的信息，秘書都要原原本本的傳輸。幀的數據部分可能有跟幀首部完全一樣的字符，這時候就要采取一定的措施，讓接受方不要被被誤導，能讓接收方知道哪些是幀的首部哪些是幀的數據。這個問題有沒有類似js的轉義字符的問題，比如字符串<div>到底是指div標簽呢，還是div字符串呢？
(3)差錯控制
差錯控制是在文件送到B公司小秘書手里的時候，快遞包上寫著5個文件，秘書一看只有3個文件，就會讓傻傻重新發送有沒有送到的文件。差錯控制的方法有CRC循環冗余碼，這個就不細講了，我自己也不甚了解，只知道鏈路層的幀，會有一個FCS位留給這個碼，用來判斷一個幀是否出錯。
(4)差錯糾正
差錯糾正是鏈路層知道1，2，3，4，5個文件，丟失的兩個文件到底是哪兩個，并且能通過重新發送沒有的文件來糾正。
還有一些是故事里沒有提到的數據鏈路層的功能，比如：
(5)流量控制 比如說發送方發送速度特別快，接收方接收速度特別慢，會造成傳輸出錯。
這里需要注意的是，傳輸層TCP也有流量控制功能，區別在于TCP是端到端的流量控制，鏈路層是點到點（比如一個路由器到下一個路由器）
流量控制的方法有滑動窗口協議，以及選擇重傳協議，這兩個留在講TCP的時候講。接下來講一下以太網，以太網是目前最常見的局域網技術。對于我們理解局域網比較有幫助。
以太網是一種局域網技術，其規定了訪問控制方法、傳輸控制協議、網絡拓撲結構、傳輸速率等，完成數據鏈路層和物理層的一些內容，它采用一種稱作CSMA/CD的媒體接入方法（后面會介紹），另外的一些局域網技術，比如無線局域網等。
跟以太網相關的拓撲結構有星型和總線型。
星型拓撲如下：
總線型拓撲如下：
互聯網初期，以太網的總線型拓撲比較普遍。隨著總線型以太網上的站點數目增多,可靠性也會隨之下降,而隨著大規模集成電路以及專門芯片的發展,使得星型以太網變得便宜又可靠。
需要注意的是，以太網雖然物理上是星型拓撲，但邏輯上是總線型。
計算機傳出的數據，經過網卡，就會變為以太網的幀，還會完成一些鏈路管理（CDMA/CD的實現），以及編碼和譯碼（編碼譯碼我不太理解。。。好像是曼徹斯特編碼，規定如何表示高低電平）。
無線局域網WLAN是利用無線電波、激光和紅外線等無線通信技術來構建的局域網。
無線局域網我們只介紹一下典型的網絡結構。
因為這個協議是以太網所使用的，所以我們只需要記住一些特點就行了。
（1）網橋
網橋根據MAC幀的目的地址進行轉發和過濾。當網橋收到一個幀時，并不會向所有接口轉發此幀，而是先檢查此幀的目的MAC地址，然后再確定將該幀轉發到哪一個口，或者是把它丟棄。
這里需要注意的是，網橋連接的是不同的網段，網段是什么呢，我這里簡單介紹一下，具體要到講IP地址的時候細說，同一網段指的是IP地址和子網掩碼(講ip地址的時候會細講)相與得到相同的網絡地址。
（2）以太網交換機
談到交換機，就不得不提兩個概念，沖突域和廣播域
舉個例子，公司里大家的電腦一般都是連接到交換機上，因為交換機可以隔離沖突域，沖突域的最大問題在于，同一時間只能有一臺機器傳輸數據，公司那么多人，如果這樣的話，傳輸數據速度太慢了。然后交換機再連接到路由器上，首先路由器能隔離廣播域，其次不經過路由器，你的數據鏈路層上的包沒辦法進入到互聯網里面去`，路由器是網絡層的設備。
兄弟，能看完上面內容，你也真夠能忍的，牛B，喝口水！繼續！
概念走一走，看一看，瞄一眼就行啦！
網絡層主要任務是將分組(分組的概念是大多數計算機網絡都不能連續地傳送任意長的數據，所以實際上網絡系統把數據分割成小塊，然后逐塊地發動，這種小塊就稱作分組)從一臺主機移動到另一臺主機，從而提供了主機到主機的通信服務和各種形式的進程到進程的通信。
當主機H1要向另一主機H2發送數據（報文）時，首先將數據劃分成若干個等長的分組，然后將這些分組一個接一個地發往里與H1相聯的路由A ,當A接到分組后，先放入緩沖區，再按一定的路由算法確定該分組下一步將發注哪個結點，如此一個結點一個結點傳遞，直到最終目的H2。
這一段話比較啰嗦，簡單來說分組就是分數據塊，同時還具有無需建立連接，存儲轉發（存儲轉發是指以太網交換機的控制器先將輸入端口到來的數據包緩存起來，先檢查數據包是否正確，并過濾掉沖突包錯誤），動態分配路線（交換設備會根據網絡狀況選擇不同的路線，比如路由器）的優點。
數據報是通過網絡傳輸的數據的基本單元，包含一個報頭（header）和數據本身。說白了，就是帶地址的數據，比如你的寫了一句微信"你好"，這串文字本上加上源地址，目的地址，就是數據報。
為什么要分片呢？
鏈路層數據幀封裝的數據大小是有限制的，以太網的MTU（MTU是指一種通信協議的某一層上面所能通過的最大數據包大?。┦?500字節。
接下來我們就看看在ip數據包上，哪些字段標識了分片的數據呢？
ip地址有5種
這里需要注意的是，你發沒發現，為什么我們前端啟動webpack測試環境的時候，一般地址都是192.168.*.*(* 是指0-255的數字); 在公司和家里都是這個網段，不是很奇怪嗎，你家里的網段怎么和公司一樣呢？
其實是因為有一部分叫私有IP地址，是不能拿到網絡上跟別的計算機通信的。只能是局域網自己內部用。比如說有：
可以看到，C類私有地址就是192.168網段，每個局域網都可以有這些私有IP。
還有一些特殊地址，需要了解
注意，這里的全1是指，ipv4地址由4個字節組成，每一個字節是8位，8位全一就是十進制的255, 即255.255.255.255。
在ip地址分類里面，我們知道私有ip地址是不能跟外網交互的，在小公司大多數計算機的地址都是192.168網段，都是私有ip地址，它是怎么跟外網交互數據的呢，這里就引出來一個知識點叫網絡地址轉換NAT。
如上圖所示，192.168.0.3，192.168.0.4都是私有網段上的，它們無法跟外網通信，這個時候由于路由器安裝了NAT軟件，就可以將自己的ip地址，即路由器的ip地址172.38.1.5作為內網的代理，去訪問外網，外網返回來的數據，經過路由轉換，轉換成內網的192.168網段的私有地址。
首先要明白，為什么要劃分子網？
首先大家要知道： 總體來說，劃分子網不但沒有增加可用IP地址，而且減少了可用IP地址，因為每個子網中的全0網絡地址和全1廣播地址均不能作為主機ip來使用。
為什么劃分子網：
接下來，我們看看子網劃分
如上圖右側，我們將145.13.0.0這個網段劃分了三個子網，其中一個是145.13.3.0，一個是145.13.21.0，問題來了，如果一個網絡包來了，網絡包要交給的ip地址是145.13.3.10，我們怎么知道給哪個子網呢？
方法是將目的包的ip地址，跟子網的子網掩碼相與預算（二進制與預算規則是，1跟1得1，其它為0），也就是目的地址145.13.3.10跟子網145.13.3.0的子網掩碼255.255.255.0的與預算，得到的結果是145.13.3.0，所以發送到的子網就是145.13.3.0。
這里有人會問什么是子網掩碼，子網掩碼的格式跟IP是一樣的，0，0，0，0 到 255.255.255.255，主要是幫助我們劃分子網的，了解到這里對我們前端就夠了。
為什么需要ARP協議呢？
我們簡單回顧一下以太網的幀的格式
上圖有一個源地址和目的地址，這兩個地址都是指的mac地址，mac地址是什么呢？簡單說來就是兩臺相鄰的路由器A和B，A怎么把數據傳給B呢，它總要知道B的物理地址吧，物理地址就像門牌號一樣，我要知道你住在哪里，才能把數據送過去吧？
首先你肯定知道自己的mac地址是多少，因為在網卡上有，問題在于，別人的mac地址是多少？ARP協議就是來幫你找mac地址的。
接著我們說一下ARP協議的過程（比較官方的介紹，看不懂可以略過）：
DHCP（動態主機配置協議）是一個局域網的網絡協議。指的是由服務器控制一段lP地址范圍，客戶機登錄服務器時就可以自動獲得服務器分配的lP地址和子網掩碼。說白了，當你接入局域網的時候，自動由這個dhcp服務器給你分配ip，windows用戶可能知道網卡配置里面，由自動獲取ip的功能，如果路由器提供DHCP服務，你就會自動獲取隨機分配的ip。
路由器里可以開啟這個服務。
大致工作過程（了解即可）
ICMP協議是一個網絡層協議。 為什么我們需要ICMP協議呢？
一個新搭建好的網絡，往往需要先進行一個簡單的測試，來驗證網絡是否暢通；但是IP協議并不提供可靠傳輸。如果丟包了，IP協議并不能通知傳輸層是否丟包以及丟包的原因。
所以我們就需要一種協議來完成這樣的功能–ICMP協議。
ICMP協議的功能主要有：
主機H2收到主機H1的一個UDP包，結果H2發現這個包里的端口沒有被監聽，這時候就回復給H2一個ICMP應答報文，意思是這個UDP數據包，無法交給應用進程，只能丟棄了。
以下是4種常見的ICMP差錯報告報文
我們常用的ping命令借助ICMP協議，探測主機是否能找到目的主機。
路由器是一種具有多個輸入端口和多個輸出端口的專用計算機，其任務是轉發和分組。
如下圖所示，分別由轉發和分組功能的說明。
接著，我們看一下路由器輸入端口做了哪些事情
從上圖可以看到，輸出端口是做的輸入端口的逆過程，將網絡層的數據包轉換為鏈路層的數據幀，最后轉為物理層的比特流。
輸入和輸出端口需要注意的是，它們都有一個緩沖隊列，比如輸入數據的速度太快，輸出數據速度慢，為了平衡輸入輸出速度，就用緩沖隊列把數據緩沖下來，一個一個慢慢的處理，但緩沖隊列也有限度，超出這個限度，緩沖隊列容納不下，包就會被丟到。
馬上就要到對前端最重要的傳輸層和應用層知識了！準備接招！
傳輸層是只有計算機才有的層次，主要提供是進程間邏輯通信 + 可靠傳輸或者不可靠的功能。比如你的QQ跟你異地女友的QQ視頻聊天，這就是不同計算機之間，進程間的通信。
這里簡單說一下可靠傳輸協議TCP + 不可靠傳輸協議UDP。
TCP面向連接，可靠，不提供廣播和多播，而且時間延遲比較大，適用于大文件傳輸。 UDP無連接，收到的報也不確認，但時間延遲小，適用于小文件。
端口號可以用來標識同一個主機上通信的不同應用程序（就是哪個應用程序在使用這個端口）。
那為什么一個端口只能分配給一個應用程序，不能是多個呢？
如果服務器有兩個應用程序A，B，分別啟動了A服務和B服務，它們監聽同一個端口，那有數據來的時候，服務器無法判斷這個數據到底是給A，還是給B。
UDP協議是參考模型中一種無連接的傳輸層協議，提供面向事務的簡單不可靠信息傳送服務。
（1） UDP協議的特點
（2）UDP首部
TCP協議簡單來說是一種位于傳輸層的，面向連接的、可靠的、基于字節流的傳輸層通信協議 TCP協議的特點:
TCP報文的首部格式
如下圖所示，我們看一下比較重要的一些首部字段，這里我們介紹固定的20字節的TCP首部
接收方收到了1，2，3個字節組成的數據包，然后接收方就會發送一個確認報文給發送方，其中確認報文的確認號就應該是4，因為1，2，3這三個字節的組成的數據包已經收到了。
控制位 作用 ACK 置1時表示確認號合法，為0的時候表示數據段不包含確認信息，確認號被忽略 PSH 置1時請求的數據段在接收方得到后就可直接送到應用程序，而不必等到緩沖區滿時才傳送 RST 置1時重建連接。如果接收到RST位時候，通常發生了某些錯 SYN 置1時用來發起一個連接 FIN 置1時表示發端完成發送任務。用來釋放連接，表明發送方已經沒有數據發送了 URG 緊急指針，告訴接收TCP模塊緊要指針域指著緊要數據
如下圖所示，分別來了解一下建立連接的過程：
如下圖所示，分別來了解一下釋放連接的過程：
FIN：用來釋放一個鏈接，當FIN=1的時候，表明此報文的發送方已經完成了數據的發送，沒有新的數據要傳送，并要求釋放鏈接。 客戶端等著服務器返回確認
為什么最后還要等待兩個時間周期呢？
為什么連接的時候是三次握手，關閉的時候卻是四次握手？
為什么不能用兩次握手進行連接？
以下是網上普遍的解答：
如果已經建立了連接，但是客戶端突然出現故障了怎么辦？
TCP?；钣嫊r器 每次客戶端請求服務器會重置計時器，當2小時之內沒收到客戶端任何數據時，會每隔75s向客戶端發一個探測報文，若接連發送10個，客戶端都沒有反應，則認為客戶端故障，關閉連接。
什么是SYN洪泛攻擊？
序號（ISN）為什么要隨機？ 增加安全性，為了避免被第三方猜測到，從而被第三方偽造的RST報文Reset。 三次握手的第一次可以攜帶數據嗎？為何？
三次握手的第三次可以攜帶數據嗎？為何？ 第三次握手，此時客戶端已經處于ESTABLISHED狀態。對于客戶端來說，他已經建立起連接了，并且已經知道服務器的接收和發送能力是正常的。所以也就可以攜帶數據了。
主要通過以下四種方式實現可靠傳輸機制：
為什么需要流量控制呢？
比如發送方發送速度非?？欤邮辗浇邮账俣忍貏e慢，這樣就會發生嚴重的丟包現象。
TCP通過滑動窗口的機制來實現流量控制。簡單來說如下(建議網上找一個動畫教程來理解，文字效果不是很好):
這部分我也覺得文字部分太生硬了，開始我也不怎么理解，看來一個視頻之后我了解了基本原理，這里我文字版和視頻地址都放上來。
視頻地址如下：擁塞控制視頻版
文字版如下：
慢開始與擁塞避免
如果出現了超時，則令 ssthresh=cwnd / 2，然后重新執行慢開始。
快重傳與快恢復
應用層對應用程序的通信提供服務。
一些比較重要的應用層協議如下圖：
第一種是客戶端/服務器模型，也就是C/S架構。比如電子郵件、web都是。
第二種是P2P模型，每個主機既可以提供服務，也可以請求服務。比如迅雷下載也是使用P2P技術的。
而TCP連接有兩種工作方式：短連接方式（Short-Live Connection）和長連接方式（Long-Live Connection）。
什么是DNS說白了就是將域名轉化為ip，比如www.qq.com，這是域名，可以是網絡包需要對方ip地址，域名是不能加入網絡包報頭的，所以就需要去找一個服務器問，qq的域名對應的ip是多少。
大概的通信過程如下：
這里需要補充一個小知識，關于域名的，大概了解一下就行
萬維網www是一個大規模的、聯機式的信息存儲所，是無數個網絡站點和網頁的集合。
知識盲區： 在不少人看來，互聯網、因特網、萬維網沒有大多的區別，其實這三者之間的關系應該是：互聯網包含因特網，因特網包含萬維網。
萬維網使用統一資源定位符作為標識符來訪問資源。
URL的格式如下：
http報文頭分析：
下面是對各部分的簡要描述：
下面是常用頭部：
通用頭部：既可以出現在請求報文中，也可以出現在響應報文中，它提供了與報文相關的最基本的信息
請求頭部：請求頭部是只在請求報文中有意義的頭部。用于說明是誰或什么在發送請求、請求源自何處，或者客戶端的喜好及能力
響應頭部：響應頭部為客戶端提供了一些額外信息，比如誰在發送響應、響應者的功能，甚至與響應相關的一些特殊指令
實體首部：描述主體的長度和內容，或者資源自身
實體的主體部分：該部分其實就是HTTP要傳輸的內容，是可選的。HTTP報文可以承載很多類型的數字數據，比如，圖片、視頻、HTML文檔電子郵件、軟件應用程序等等。
常用的HTTP方法和狀態碼就不詳細介紹了，本文完結！你這都能耐心看完，我覺得你太厲害了！
紹一些思維導圖軟件的電腦版與手機版,
排名不分先后
思維導圖是一種能夠幫助我們發散思維、提高效率的大腦工具，由英國人東尼·博贊發明，在商業、教育以及個人學習等領域有著非常廣泛的運用。
從出現至今的幾十年時間里，它改變了全球3億人的思維方式，因此思維導圖又被譽為是20世紀人類最偉大的發明之一。
手繪思維導圖已經跟不上如今高效率的工作節奏，這里整理了部分好用、各具特點的思維導圖工具，讓你快速探索思路，秒秒鐘提高工作效率！
1、思想快車(ThinkingExpress) V2.7 綠色版
軟件大?。?37KB，免費的
思想快車是一款輕便的用于制作""的軟件，與MindManager，FreeMind等思維導圖軟件屬于同類產品。
思想快車(ThinkingExpress)的特色
快捷: 最快捷的思維導圖工具，瞬間啟動；靈巧：最靈巧的思維導圖工具；便攜: 最便攜的思維導圖工具，單文件無需安裝，零環境要求；簡潔：最簡潔的思維導圖工具，超大整潔的思考界面；自動: 最自動的思維導圖工具，強大的可編程環境和交互式控制臺。
功能特色：
1. 思想快車是一個輕巧的思維導圖軟件。它只有一個EXE文件組成，大小為800多K, 沒有DLL，無需安裝，直接運行。
2. 啟動思想快車后，會自動生成一個config.mapx文件。這是一個配置文件，主要用于保存思想快車的配置信息。
3. 思想快車的導圖存放在以mapx文件結尾的文件中。一個導圖文件可以存放多個導圖。配置文件（config.mapx）也可以存放導圖。
4. 思想快車支持命令行參數，從而可以直接打開如下文件：*.tmap, *.mmap, *.mm, *.txt，*.mpx。
5. 思想快車有靈活的菜單和按鈕布局，以及豐富的快捷鍵提示，從而更加容易操作。并提供了一個全局熱鍵：Ctrl+Q，用于顯示或隱藏主界面。
6. 思想快車允許您最大自由地、最小步驟地創建您的節點，查找您的節點，布置您的節點，格式化您的節點，導航您的節點。
7. 為保護導圖和節點的信息安全，思想快車提供了多項安全功能，包括節點信息馬賽克、節點擴展信息加鎖，導圖加鎖，導圖文件加鎖。
8. 思想快車提供了充足的導入導出功能，以方便與其他應用程序交互。例如*.mmap, *.mm, *.mpx, *.txt，*.pdf，圖像文件，剪貼板以及鼠標拖拽。
2、NovaMind(思維導圖繪制) v6.0.5.11825 綠色便攜版
軟件大小：14.1MB 軟件語言：簡體中文
NovaMind綠色版是一款帶有演示功能的思維導圖繪制軟件，據說蘋果版 NovaMind 在業內名聲很好，其實 Windows 版也同樣*，woodheadz 在布局、圖形、連接線等方面對比 NovaMind 和 MindManager 后得出，NovaMind 具有完善的思維導圖功能，比 MindManager 更能體現「用圖形和色彩激發人的思維能力」這個思維導圖的核心價值。
NovaMind 支持任意角度的自動布局，節點和連接線也異常靈活，能夠任意拖動，強大的連接線編輯功能也是特色之一，可以說NovaMind銳意進取，在精益求精中不斷創新思維導圖軟件。
NovaMind 的幻燈片面板能夠創建和管理幻燈片，將思維導圖和演示有機結合起來，動畫播放有利于觀眾理解思路的變化。
NovaMind 的界面美觀，富有親和力， 優化過的 Ribbon 工具欄能輕松訪問常用的功能，雖然也是基于 .NET 開發，但軟件安裝簡單，運行起來也蠻流暢，支持直接導出思維導圖為 PDF、PNG、Word、PowerPoint、MindManager 文件、純文本、OPML 或者 MS Project 文件。
溫馨提示
使用說明：
已經做成綠色便攜版，直接運行 NovaMindPortable.exe 即可，2014/12/4 更新為 NovaMind 6.0.5 Build 11825，為全功能無水印試用版，自帶多國語言，默認顯示簡體中文界面。使用 NovaMind 前必須安裝 .NET Framework 4，如果軟件無法運行，請先下載安裝 .NET Framework 4 獨立安裝程序。
說明
軟件開始有以下窗口，只要按"取消"就可以，進入使用了。
3、FreeMind: （免費開源的思維導圖軟件）
Freemind是一款免費開源的思維導圖軟件。界面簡單，涵蓋基本創作思維導圖功能，適合奉行極簡主義用戶進行簡單的思維導圖編輯與個人創作。
是一款基于java的免費的電腦，Freemind中文版可以作為你的思維筆記，以層級圖的展現方式，把各種主題的隸屬關系表現得很清晰。Freemind中文版在思維導圖軟件中，是屬于極少數免費開源的類型。需要的朋友千萬不要錯過哦!
華軍軟件園https://www.onlinedown.net/soft/101098.htm
*****************************************************************************
4、XMind
XMind 最受歡迎思維導圖軟件。XMind是一款非常專業的思維導圖軟件，美觀簡單易用、功能強大，擁有高效的可視化思維模式，具備可擴展跨平臺、穩定性和性能，幫助用戶提高生產率，促進有效溝通及協作。我們有時候突然有了靈感需要記錄下來，當我們需要記錄要點時，用思維導圖作記錄，將要點以關鍵詞記下，把相關的意念用線連上，加以組織，方便記憶，思維導圖叫做 MindMap，也叫腦圖，作為一個頭腦風暴的工具，靈活運用「思維導圖」會讓你在學習和工作上幫助極大！XMind，它能跨平臺支持 Win、Mac、Linux 和 iOS，而且還能制作流程圖、魚骨圖、二維圖、樹狀圖、邏輯圖等，XMind應用全球先進的Eclipse RCP軟件架構，是集思維導圖與頭腦風暴于一體的"可視化思考"工具，可以用來捕捉想法、理清思路、管理復雜信息并促進團隊協作。
網站：https://www.xmind.cn/
5、MindMaster(億圖思維導圖 )
性價比最高的一款思維導圖軟件，是億圖軟件的新產品。
軟件顏值較高，操作簡單易上手、主題樣式豐富、穩定性高、自定義功能強大；除了可以繪制常規的思維導圖，還支持繪制魚骨圖、組織結構圖、時間軸等。有云協作功能，可跨平臺操作。
MindMaster 自帶幻燈片展示功能，不需要借助其他的工具，就可以進行幻燈片展示。同時支持一鍵將思維導圖拆分成多個幻燈片頁面，可以在全屏模式下遍歷思維導圖的主題或者分支，當思維導圖內容較多時，也可以很好的將每個細節展示清楚，除此之外，MindMaster 專業版還可以將思維導圖幻燈片導出為 PPT 格式，在 Office PowerPoint 中，進行分頁展示和打印。
MindMaster 專業版搭載億圖云服務，提供多人協作辦公的功能，團隊辦公中輕松實現文件共享、編輯，1G 云空間讓文件保存和分享更方便自由。通過添加、管理自定義的標簽，在進行任務管理的人員分配時，還可以更高效地設置任務信息。MindMaster 專業版還可以從思維導圖一鍵生產甘特圖。在思維導圖中添加的任務信息會一一對應到甘特圖中，思維導圖和甘特可以同步編輯、更新。繪制好的甘特圖，還可以導出至 PDF 格式，對于進行日程計劃、安排、任務管理等，都非常的實用。
MindMaster 專業版在免費版的基礎上，增加了更多主題樣式，通過彩虹色、單色、對稱色、交替色四種配色，讓思維導圖色彩更豐富，同時還可以一鍵切換漂亮的手繪模式的思維導圖，除此之外，MindMaster 專業版還提供了豐富的高清且純矢量剪貼畫，適用于商業、教育、人物、自然、科技等各個領域。
MindMaster 專業版可以將思維導圖導出為 Word、PPT、Excel、PDF 等文件格式，無需使用MindMaster 軟件就可以進行再次編輯、修改。同時 MindMaster 專業版還支持導出更高 DPI 圖片格式，以及 HTML 和 SVG 格式。
網站：https://www.edrawsoft.cn/mindmaster/
6、iMindMap
iMindMap 是思維導圖創始人托尼·巴贊(Tony Buzan)開發的思維導圖軟件，線條自由，具有手繪功能。
它結合獨特的自由形態頭腦風暴視圖模式和系統的思維導圖視圖模式，特別適用于頭腦風暴、策劃和管理項目、創建演示文稿等。
網站：
http://www.thinkbuzan.com/uk/
https://imindmap.com/
https://www.imindmap.cc/（中國獨家代理商）
7、MindManager
MindManager是老品牌了，它支持移動設備和在線編輯功能，內置功能豐富，所做圖形較為美觀，與Office整合較好，支持數據庫、任務管理、批注等功能，對于高手而言可配置性強。
網站：
http://download.mindjet.com/
http://www.mindjet.com/
https://www.mindmanager.cn/（中國獨家代理商）
8、MindMapper
MindMapper思維導圖是表達發射性思維的有效的圖形思維工具。思維導圖運用圖文并重的技巧，把各級主題的關系用相互隸屬與相關的層級圖表現出來，把主題關鍵詞與圖像、顏色等建立記憶鏈接，思維導圖充分運用左右腦的機能，利用記憶、閱讀、思維的規律，協助人們在科學與藝術、邏輯與想象之間平衡發展，從而開啟人類大腦的無限潛能。
網站：
https://www.mindmapper.cc/（中國獨家代理商）
www.mindmapper.com
9、MindMeister:
MindMeister是一款在線思維導圖，目前在應用市場上被認為是最好的在線思維導圖。
風格開放活潑，可隨時保存，支持快捷鍵。不過有一點，它是純英文，英文水平不夠的同學就比較憂傷了。
10、百度腦圖:
百度腦圖，在線版的里面算是比較靈活，隨意拖拽，使用感覺很流暢，不足的是可能因為它是網頁版所以素材基本沒有，但可以自己插入圖片，做寫簡單的思維導圖是完全沒有問題的。
11、Bubbl.us :
Bubbl.us是一個基于Flash的簡單、免費的Web應用程序。
方便個人或團體在線創建豐富多彩的樹形流程圖，勾勒出在腦海中構思的概念圖。
新版Bubbl.us注冊用戶擁有共享權限?？芍苯訉⑽募戏诺焦蚕韰^域，進而編輯、完善共享權限。
12、Text2MindMaps :
在線腦圖制作工具。優勢在于使用簡單，只需使用者在文本區域鍵入文本，再配合Tab鍵進行文本行的縮進，最后單機繪圖按鈕就可以了。
13、Popplet :
popplet是個 "個人或集體輔助使用的應用程序，或者是智能處理筆記的工具 "。
外觀可愛，操作簡捷；特點是可以進入popplet博客，上傳自己的popplet，也可以在上面觀看別人的popplet博文。
14、WiseMapping
WiseMapping 是一個開源的 HTML5 心智圖應用,既可以在線使用,也可以下載到自己的服務器上運行。
15、Coggle
Coggle 是一款簡約漂亮的思維導圖工具，輕量級，需要 Google 賬號，可導出 PDF、PNG、TXT 格式，支持多人協作，嵌入網頁等等。
16、Stormboard
一款不錯的討論工具，大大解決了在線討論不能做到的收集觀點、分享資料、沒有條理的問題。特點是頭腦風暴討論設計，討論者可以像在用真正的白板一樣，往上面貼便利貼。
17、Wridea
Wridea協作和頭腦風暴的web服務。可以把這看作一個匯聚創意和想法的網站，不失為一個和好友交流想法和創意的好地方，也許就能碰撞出不錯的創意。
18、Mindomo
跨平臺，提供云服務來同步文件。在 Windows 上可以用網頁版也可以用桌面版來工作?？梢酝耆膮f作,每個工作區中啟用了對話,討論和主題。
「XMind」是一款讓你專注思維，捕捉每一個靈感瞬間的 App。每當你有一個想法，「XMind」幫你專注于它的擴展延伸和梳理，融合藝術與創造力，讓思維清晰可見。你可以創建 workflow，接下來心無旁騖投入工作流程；以靈感為中心，在無限的腦圖幕布上延伸想法；隨手記錄點滴靈感、待辦清單、會議記錄或是項目規劃，盡情享受邏輯思維。
這個思維導圖，直接就起思維導圖，連個標志名字都沒有。。
思維導圖（MindLine）秉承極簡設計的原則，沒有繁瑣的操作和復雜的界面，在這里你可以輕松構思和擴展想法和計劃。
點擊分支上的＋號，即可向左右兩邊擴展分支，長按分支上的文本會彈出功能菜單，可以進行復制、剪切、刪除、備注和標記等操作。制作好的導圖可以導出為圖片、PDF和Html等多種格式，并能隨時隨地分享給好友。
我們還提供了強大的云服務備份和同步導圖文件，實現不同設備上文件共享，并確保文件不會丟失。登錄我們的官網可以在線打開和編輯保存在云空間的導圖。
21、MindNode手機版
MindNode是Mac上的思維導圖軟件，也有iOS版本。顏值頗高，比較小清新。軟件簡單易學，適合剛入門思維導圖的新手使用。
還有以下手機版
總結
本文旨在將優秀的思維導圖工具簡單介紹給大家，由于精力有限，也沒能對每款工具都深入了解，也歡迎大家補充哦。工具的使用最關鍵還是在于人，再好的工具也要使用者養成結構化思維習慣。如果你正在尋找順手的思維導圖工具，希望這篇文章能幫助你哦。
TML 或超文本標記語言 允許 Web 用戶使用元素、標簽和屬性創建和構造部分、段落和鏈接。然而，值得注意的是，HTML 不能被視為一種編程語言，因為它不能創建動態功能。
HTML有很多用例，即：
本文將介紹 HTML 的基礎知識，包括它的工作原理、優缺點以及它與 CSS 和 JavaScript 的關系。
HTML（代表超文本標記語言）是構成大多數網頁和在線應用程序的計算機語言。超文本是用于引用其他文本片段的文本，而標記語言是告訴 Web 服務器文檔的樣式和結構的一系列標記。
在國內的網站上找了一圈，這應該是介紹歷史最細致的，長按保存手機里翻譯
平均每個網站包含幾個不同的信息 HTML 頁面。例如，主頁、關于頁面和聯系頁面都將具有單獨的 HTML 文件。
HTML 文檔是以 .html 或 .htm 擴展名結尾的文件。Web 瀏覽器讀取 HTML 文件并呈現其內容，以便互聯網用戶可以查看它。
所有 HTML 頁面都有一系列 HTML 元素，由一組標簽和屬性組成。HTML 元素是網頁的構建塊。標簽告訴 Web 瀏覽器元素在哪里開始和結束，而屬性描述元素的特征。
元素的三個主要部分是：
這三個部分的組合將創建一個 HTML 元素：
<p>這是在HTML中添加段落的方法。</p>HTML 元素的另一個關鍵部分是它的屬性，它有兩個部分——名稱和屬性值。名稱標識用戶想要添加的附加信息，并且屬性值給出進一步的說明。
例如，添加紫色和 font-family verdana 的樣式元素將如下所示：
< p style="color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >另一個屬性，HTML 類，對于開發和編程來說是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。 例如，我們將對標題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充，在 .important 類下。要在 <h1> 和 <p> 之間實現相同的樣式，請在每個開始標記后添加 class=”important”：
<html>
<head>
<style>
.important {
background-color: blue;
color: white;
border: 2px solid black;
margin: 2px;
padding: 2px;
}
</style>
</head>
<body>
<h1 class="important">This is a heading</h1>
<p class="important">This is a paragraph.</p>
</body>
</html>大多數元素都有一個開始標簽和一個結束標簽，但有些元素不需要結束標簽即可工作，例如空元素。這些元素不使用結束標簽，因為它們沒有內容：
< img src="/" alt="圖像" >這個圖像標簽有兩個屬性——一個src屬性，圖像路徑，和一個alt屬性，描述性文本。但是，它沒有內容，也沒有結束標簽。
最后，每個 HTML 文檔都必須以 <!DOCTYPE> 聲明開頭，以告知 Web 瀏覽器文檔類型。使用 HTML5，doctype HTML public 聲明將是：
< !DOCTYPE html >目前，有 142 個 HTML 標簽可以用于創建各種元素。盡管現代瀏覽器不再支持其中一些標簽，但學習所有可用的不同元素仍然是有益的。
第二節將討論最常用的 HTML 標簽和兩個主要元素——塊級元素和內聯元素。
塊級元素占據頁面的整個寬度。它總是在文檔中開始一個新行。例如，標題元素將位于與段落元素不同的行中。
每個 HTML 頁面都使用這三個標簽：
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>其他流行的塊級標簽包括：
內聯元素格式化塊級元素的內部內容，例如添加鏈接和強調的字符串。內聯元素最常用于在不破壞內容流的情況下格式化文本。
例如，一個 <strong> 標簽會以粗體呈現一個元素，而 <em> 標簽會以斜體顯示它。超鏈接也是使用 <a> 標記和 href 屬性來指示鏈接目標的內聯元素：
<a href="https://www.icodingdeu.com/" >點我！</a> HTML 的第一個版本由 18 個標簽組成。從那時起，每個新版本都帶有添加到標記中的新標簽和屬性。迄今為止，該語言最重大的升級是 2014 年引入的 HTML5。
HTML 和 HTML5的主要區別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個語義標簽，可以清楚地描述內容，例如 <article>、<header> 和 <footer>。
就像任何其他計算機語言一樣，HTML 有其優點和局限性。以下是 HTML 的優缺點：
優點：
就像任何其他計算機語言一樣，HTML 有其優點和局限性。以下是 HTML 的優缺點：
缺點：
HTML 用于添加文本元素并創建內容結構。然而，僅僅建立一個專業的和完全響應的網站是不夠的。因此，HTML 需要借助層級樣式表 (CSS)和JavaScript來創建絕大多數網站內容。
HTML 是 Internet 上的主要標記語言。每個 HTML 頁面都有一系列創建網頁或應用程序內容結構的元素。
HTML 是一種對初學者友好的語言，有很多支持，主要用于靜態網站頁面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。
我們還向您展示了一些在線教學課程，它們將有助于提高您的 HTML 知識或提供對 HTML 的基本理解。
如果您有任何其他喜歡的資源來學習 HTML，請在評論部分告訴我們。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
