整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          深入淺出詳細講解CSS 渲染原理以及優化策略


          者:Jartto

          轉載鏈接:http://jartto.wang/2019/10/23/css-theory-and-optimization/

          覽器輸入URL到頁面渲染完成,這個過程大致可分為兩個階段:網絡通信和頁面渲染。

          一、網絡通信

          互聯網內各網絡間設備的通信遵循TCP/IP協議,利用TCP/IP協議進行網絡通信時,會通過分層與對方通信。數據傳輸的過程:由應用層產生數據后,經過傳輸層的分段處理(添加TCP或UDP包頭)、網絡層(添加IP地址信息)、數據鏈路層(封裝成MAC幀)、物理層傳輸電信號。


          ??

          eb 服務存在兩種 HTML 渲染方法。

          最早的HTML(web 1.0時代),都是服務器端渲染的,瀏覽器發送請求,服務器端將整個html作為一個完整文檔發送給瀏覽器。最早響應瀏覽器請求的被稱為CGI .

          CGI

          Java語言進入web 開發領域后,首先出現的技術是 servlet,這個技術模仿的是CGI.也是在服務器端渲染好整個HTML文檔,然后反饋給瀏覽器。

          Servlet能夠很好地組織業務邏輯代碼,但是在Java源文件中通過字符串拼接的方式生成動態HTML內容會導致代碼維護困難、可讀性差。于是產生了JSP技術,JSP在靜態HTML內容中嵌入Java代碼,Java代碼被動態執行后生成HTML內容,類似的還有ASP,PHP等技術,這些技術本質上都是服務端渲染好整個HTML文檔,都屬于服務器端渲染。

          web2.0時代 最大的思想革命本質不是前后端分離,而是把網頁當作獨立的應用程序(app)。前后端分離只是實現這一新架構的必然結果。web 2.0 時代最重要的就是ajax技術。

          使用ajax技術后,HTTP GET拿到的不是渲染后的網頁,而是一個由html和Javascript組成的應用, 這個應用以瀏覽器為虛擬機。裝載和顯示數據是app啟動之后的運行邏輯。傳統上應用叫什么?叫Client,也就是前端。于是前后端就這么分離了,瀏覽器變成了應用的運行環境,后端蛻化成了單純的業務邏輯和數據接口。最典型的ajax 應用就是gmail,gmail實質上就是把過去桌面端的email 應用搬到了瀏覽器中。ajax這種技術也就是客戶端渲染。


          主站蜘蛛池模板: 无码少妇一区二区浪潮av| 日韩AV无码一区二区三区不卡 | 国产主播一区二区| av无码精品一区二区三区四区| 国产精品成人99一区无码| 一区二区精品视频| 亚洲成AV人片一区二区| 亚洲宅男精品一区在线观看| 无码人妻精品一区二区蜜桃| 国产一区二区三区在线电影| 久久毛片免费看一区二区三区| 国产成人无码一区二区三区 | 精品国产a∨无码一区二区三区 | 日韩在线一区二区三区视频| 国产福利电影一区二区三区,亚洲国模精品一区 | 无码人妻精品一区二区三区久久 | 亚洲成AV人片一区二区| 国产微拍精品一区二区| 超清无码一区二区三区| 亚洲一区二区观看播放| 精品视频在线观看你懂的一区| 蜜桃臀无码内射一区二区三区| 在线电影一区二区| 日本高清不卡一区| 免费无码一区二区三区蜜桃大 | 亚洲美女视频一区二区三区 | 亚洲一区二区高清| 亚洲综合一区无码精品| 中文字幕日韩人妻不卡一区| 国产成人久久一区二区不卡三区 | 国产成人精品一区二区三在线观看| 国产成人久久精品麻豆一区| 国产精品合集一区二区三区| 国产精品无码不卡一区二区三区 | 久久久久久人妻一区二区三区| 在线观看免费视频一区| 国产日韩视频一区| 99热门精品一区二区三区无码| 中文字幕一区二区三区在线不卡| 香蕉久久ac一区二区三区| 日韩精品无码一区二区三区免费|