【連載】Web應用到底是如何工作的?

Web開發的面試題有一個經常會被問到的問題,也是一道非常能考察Web開發工作人員計算機基礎知識的題目:

「從輸入 URL 到頁面載入完成的過程中都發生了什麼?」

或者

「Web應用是如何工作的?」

這個問題的答案可詳細可簡略,可長可短。網路上有多種版本,零零碎碎各有側重,能說中一二,但未能找到非常完整詳盡的回答,直到看到了這張圖,令人嘆為觀止(點擊查看大圖):

圖片源自 Brendan Fortuner

作者將會針對其中的八個模塊寫文章進行闡述,內容涵蓋如下:

  1. 客戶端(當你點擊按鈕時發生了什麼?)
  2. 計算機網路(信息是如何通過網路傳播的?)
  3. 網路安全(如何避免黑客盜取我們的密碼?)
  4. 伺服器(「雲端」到底是什麼?)
  5. 應用(Web伺服器和Web框架到底是什麼?)
  6. 資料庫(Web應用如何在資料庫中檢索數據?SQL vs NoSQL?)
  7. 大規模(如何處理大規模請求)
  8. 渲染(瀏覽器是如何工作的?)

碼蜂社會持續更新相關話題中文版,歡迎關注專欄~

——---------------------------硬廣分隔線------------------------------

碼蜂社《前端基礎直播班》第二期 今晚正式開班了,免費試聽一周(3節課6課時),報名 加QQ群 299640586~

內容搶先看:

主講人:Mark老師

對,就是他,《Web突破班》主講人,還做了N多次的公開課~中科院計算所碩士,現任匠當科技CEO,曾帶領團隊開發數十個項目,技術紮實老道~

怎麼?還想再了解了解? 免費試聽報名 加QQ群 299640586

詳情點這點這:《前端基礎直播班》第二期

-----------------------------------------------------------------------------------------------

碼蜂社往期免費公開課:

2017-08-04-老司機帶你玩轉知乎數據(爬蟲篇)

2017-08-25-老司機帶你玩轉知乎數據(數據分析可視化篇)

2017-05-13-母親節&520專題-圖片牆

2017-04-23-單線程模型與定時器

2017-04-16-ES6基礎


推薦閱讀:

為什麼要禁止跨域的 Ajax 請求?
開了N個知乎窗口,標題都有(1 條消息),點開其中一個窗口的消息提示後,(1 條消息)消失,緊接著其他所有標題都會陸續更新,什麼技術?
知乎長貼只有「更多」按鈕的瀏覽方式,是否影響帖子的易讀性?
新版新浪微博的個人首頁左側的「首頁」、「提到我的」、「評論」、「私信」、「收藏」等導航是如何做到局部刷新的?
傳送門:React Portal

TAG:前端开发 | Web开发 | 计算机专业 |