1、web應用程序的運行原理

web應用程序是基于瀏覽器/服務器的應用程序。瀏覽器用于顯示數據，和用戶產生交互，其作用就相當于電腦的顯示器。服務器用于處理瀏覽器的請求，并把結果數據組織成瀏覽器可以識別的格式返回。所以，它的作用就相當于電腦的主機。顯然，一個很大的區別是，主機和顯示屏是一對一的，而服務器和瀏覽器卻可以是一對多的。在廣域網中，一個服務器可以給數以百萬計的瀏覽器提供服務。

2、Web服務器匯總

Web服務器用來接收瀏覽器請求、處理請求、把結果數據組織成特定的格式，然后返回到瀏覽器顯示。常見的Web服務器有如下幾種：Tomcat，IBM WebSphere，WebLogic，Microsoft IIS

3、Web服務器和應用服務器

Web服務器用來處理HTTP請求，并返回HTTP數據。它主要用來和瀏覽器交互，給用戶提供服務。應用程序服務器可以被Web服務器去調用，進行業務邏輯的處理工作。例如EJB服務器，它返回的數據被Web服務器組織為HTML格式，然后返回到瀏覽器去解析。

前后端同時開發怎么定義接口？

一般有兩種方式，

1、為每個邏輯都定義單獨接口（適用于對外接口，專口專用不出錯）

2、定義一個通用接口，通過參數中的id區分業務邏輯函數（適用于公司內部項目，一口多用方便靈活）

我的做法是先畫一個前端和后端交互的時序圖，把前后端之間的通訊邏輯理清楚，然后根據具體每一步的執行順序邏輯去定義接口，

如下圖是用戶登錄系統的時序圖，

圖中，app和后臺之間有兩個箭頭，由此我們可以知道，前端app和后端服務器之間兩個接口：

1、發送請求

2、返回登錄結果

登錄系統是最長用的也是最基礎的系統，雖然簡單卻也涵蓋了前端和后端交互的基本原理，另外圖中還標明了，客戶端的頁面驗證邏輯，和服務端的數據庫請求邏輯。

下圖是一張支付接口的時序圖

支付邏輯相對復雜一些，但有圖的幫助，接口會變得很清晰。

前后端數據交互頻繁，可以定義一個數據接口，然后通過數據中的id來區分要執行的函數。這樣的好處是，接口一個就夠，靈活性高。同一個項目適用這種方式。不適合做對外的接口。

學習沒有先后，主要看你以后主要從事前端開發還是后端。如果后端開發，那就先學后端。如果是個人學習，先前端再后端，前端相對容易上手。