WEB基本原理及常用開發工具是什么

這篇文章將為大家詳細講解有關WEB基本原理及常用開發工具是什么，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

1.什么是WEB?

WEB即world wide  web，我們所熟知的WWW就是由這三個單詞的首字母組成的，也就是一種體系結構，它是建立在Internet之上并且駐留在某種計算機上的程序，通過它可以訪問遍布于因特網(internet)主機上的鏈接文檔。這里就不做過多贅述了。

2.WEB基本原理

客戶端和Web服務器通過HTTP協議進行通信。Web服務器有是也叫HTTP服務器或Web容器。HTTP協議采用的是請求/響應模式。即客戶端發起HTTP請求，web服務器接收并解析處理HTTP請求，然后將HTTP響應發送給客戶端。

比如

(1) 用戶做出了一個操作，然后瀏覽器獲取了該事件。

(2) 瀏覽器與對端服務程序建立TCP連接。

(3) 瀏覽器將用戶的事件按照HTTP協議格式整合成一個數據包，其本質也就是在待發送的緩沖區里有一段寫著HTTP協議格式的字節流

(4) 瀏覽器確認對端可操作，并將該數據包輸入至Internet，數據包經過internet最終到達對端服務程序。

(5) 對端服務程序拿到數據包后，以同樣的HTTP協議格式解壓數據包，以此來獲知客戶端的需求。

(6) 在了解需求之后進行下一步操作。

(7) 將需求的結果輸入緩沖區。

(8) 按照HTTP協議格式將需求的結果中的數據打包。

(9) 服務器確認對端可寫，緊接著將該數據包輸入至Internet，該數據包經過網絡最終遞交到客戶端。

(10) 瀏覽器拿到數據包后，以HTTP協議格式解包，然后再解析數據。

(11) 瀏覽器將解析后的數據展示在頁面上。

簡單來看就如下圖

這就是WEB的基本工作原理，看似繁多實則就三步：

1.接收數據 2. 發送數據 3. 數據處理

上面我們了解到了WEB的基本工作原理，那下面我們就來認識下WEB常用的開發工具，好墨配好硯，我們也得需要選擇更合適自己的WEB開發工具。

3. WEB常用開發工具

(1)WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript  開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript  IDE”等。有許多方便適用的功能，如支持眾多語言和框架、代碼補全、多個插入符號和選擇等功能，這么多人推薦是并無道理的。

(2)Visual Studio Code

Visual Studio  Code(簡稱：Vscode)該編輯器也是一款集大成的編輯器，具備多種功能，支持多種語言，可定制的熱鍵綁定，括號匹配以及代碼片段收集。

(3)Notepad++

Notepad++ 是一款非常有特色的編輯器，是開源軟件，可以免費使用。我們開發人員都是必備的。支持的語言: C, C++ , Java , C#,  XML, HTML, PHP,Javascript!

(4)HBuilder

HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的制作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。

(5)Bootstrap

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript  開發的，它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，簡潔、直觀、強悍的前端開發框架是它最讓我喜歡的特點。

(6)notepad++

軟件小巧高效，支持27種編程語言，支持C,C++ ,Java ,C#, XML, HTML, PHP,JS 等眾多語言，Notepad++  內置支持多達27種語法高亮度顯示。是一款小巧而功能強大的軟件。最重要的是免費使用!真香!

(7)Foundation

Foundation 是一個易用、強大而且靈活的框架，用于構建基于任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs  等。

(8)editplus

EditPlus是一款由韓國 Sangil Kim  (ES-Computing)出品的小巧但是功能強大的可處理文本、HTML和程序語言的Windows編輯器，和notepad++一樣短小精悍，是一套功能非常強大的文字編輯器，擁有無限制的Undo/Redo(撤銷)、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多文件、全屏幕瀏覽功能。除了支持HTML,  CSS,等多種語言外還內建完整的HTML和CSS指令功能。

還有很多就不一一介紹了，就只說列舉下名字：Cloud9  IDE、GIMP、SecureHeaders、Fontello。大家可以自行去使用，畢竟鞋子合不合腳也只有自己才知道，希望大家能有所收獲。

關于WEB基本原理及常用開發工具是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。