1.Node.js簡介

1.0.前後臺數據交互流程

在web開發中，我們經常聽說前端和後臺，他們分別是做什麽具體工作的呢？他們怎樣交互的呢？我們得把這些基礎的問題都搞明白了，才有一個大致的學習方向，首先，我們來看一張生活中幾乎每個人都經歷過的一個場景，如下圖：

當你去餐館吃飯的時候，坐下後服務員會帶著一個菜單過來，問你需要點什麽菜，這個時候你瀏覽了菜單上的菜，把想吃的菜告訴服務員，服務員把你點的菜拿到後臺，後臺根據你點的菜名，逐一完成，菜做完後叫服務員給你上菜，就這麽一個場景其實和我們web開發中的前後臺交互竟是如此相似，我們來看看哪些點是相似的：

1 菜單---瀏覽器頁面， 你看到的菜單如果在web開發中，就相當於用戶看到的瀏覽器頁面

2 點菜（記錄想吃的菜） --- 點擊頁面（和頁面交互，例如：點擊登錄）

3 服務員把菜單交給後廚 --- 發送數據（可以把數據理解為菜單）到後臺（可以把後臺理解為後廚）

4 後廚做菜 --- 後臺處理數據

5 上菜 --- 後臺把處理好的數據發送給前臺

根據上面的一些相似點，我們總結一下前後臺的特點：

1、前臺是對用戶可見的，例如，菜單、你能看到的網站頁面（如螺釘課堂首頁）

2、後臺對用戶是不可見的，用戶也不用關心後臺具體在幹什麽，用戶只需要知道吃什麽菜(具體想看那些頁面數據)，而並不關心這些菜如何做的（一般後廚不對外開放）

3、後廚和餐桌之間是需要建立通信連接的，這事兒由服務員來完成，在網絡中具體就是那些網絡傳輸設備來完成

綜上所述，我想你應該大致猜出前端工程師和後端工程師具體做哪些工作了，前端工程師主要負責頁面展示，這裏包括pc端、移動端、TV端等，需要考慮如何把後端給我的數據顯示得更好看，也就是說我得把菜單做得非常好看，客戶點菜才更有欲望，這其中客戶點菜的交互過程也是非常重要的，關系到用戶的使用體驗，還有一個非常重要的職責就是要把數據發送到後臺去處理，用戶和頁面交互的時候需要什麽，不需要什麽，怎樣做才能提高體驗也是前端需要關心的，一句話概括就是前端負責用戶的體驗，後臺主要就是處理數據，這個過程不需要讓用戶知道，你可以去倉庫拿原材料，用各種工具各種方式來完成菜譜上的各種菜，只需要最終呈上一道可口的菜就行，總結起來就是前端負責和用戶交互，後臺負責處理數據，下面我們通過一幅圖來給大家展示：

1.1.Node.js是什麽

Node.js是一個Javascript運行環境(runtime)，發布於2009年5月，由Ryan Dahl開發，實質是對Chrome V8引擎進行了封裝

讓我們再來回顧一下前面講dom的時候的一張關系圖

總結一下重點：

1 ECMAScript是JavaScript的標準

2 JavaScript在瀏覽器端依賴於DOM和BOM提供的接口，有了這些接口可以操作網頁中的元素和瀏覽器

3 JavaScript在後端也需要運行環境那就是Node.js，它擴展了一些模塊，讓js有後端開發的能力

4 相關的規範組織 W3C、ECMA、CommonJs

1.2.Node.js安裝

下載地址： https://nodejs.org/en/download/

根據自己的平臺和操作系統位數選擇下載，下載完成後雙擊安裝，一直點下一步就可以，最好安裝在默認位置，以免出現未知問題

安裝好後測試是否安裝成功：

node -v

如果出現node的版本號說明安裝成功

1.3.開發工具安裝

這次我們會換一個編輯器來開發Node代碼，這個編輯器叫webstorm，對Node開發更加友好，下載地址：點擊進入官網

安裝方法也是直接點擊下一步

1.4.第一個程序

1 啟動webstorm,第一次打開會問你是否導入已經有的配置文件，通常選擇第二個

2 詢問你是否同意一些條款，這個你必須同意才能使用 選擇第一個按鈕

3 詢問你是激活版本還是說試用30天，可以自己購買，也可以先免費使用30天，關於如何激活的問題，請聯系QQ解決

4 最好一個彈出項目 點擊接收

5 選擇一個你喜歡的主題色吧，白色或者黑色

6 如果你不喜歡現在的主題，也可以安裝新主題，最後開始代碼邊寫

7 創建項目

8 選擇項目存放位置，然後點擊create

9 進入到主界面就可以新建文件，寫代碼了，關於設置問題，可以看視頻教程

10 在新建的文件裏面輸入一段代碼 然後右鍵 --> run 就可以運行了

Ajax+Node.js前後端交互最佳入門實踐(01)