js學習總結----客戶端和服務器的交互模式

這裏所說的是爲了之後介紹的ajax作一下鋪墊css

  本身作一個網站,想讓別人看見,如何作?ajax

  1)、買一臺服務器(雲服務器),服務器鏈接上網絡後,會存在一個外網IP地址,把咱們開發的項目源文件(HTML/CSS/JS/IMG...)都上傳到服務器上(FTP上傳)。瀏覽器

  2)、買一個域名(萬網)服務器

  3)、進行DNS解析(域名解析)網絡

    DNS是一個網絡服務器,咱們的域名解析其實就是在DNS上記錄一條信息記錄優化

    www.zhangsan.cn   220.114.23.56(服務器外網IP地址)  80(服務器端口號)網站

  當用戶在本身的瀏覽器中輸入一個網址,到最終看到頁面和內容,發生了哪些事情,下面經過一個圖進行闡釋 blog

  服務器的端口號:(0-65535)圖片

  咱們的一臺服務器上能夠發佈不少的項目,而每個項目都有一個本身對應的房間或者區域,服務器使用端口號來區分具體是哪個項目資源

  通常咱們都把本身的項目發佈到80/443這兩個端口下

  谷歌瀏覽器的控制檯NetWork這一項,能夠看到當前的客戶端向服務器端發送的全部請求以及請求的狀態信息等。

  經過在NetWork中觀看,咱們發現當我第一次把HTML源代碼請求回來的時候,瀏覽器開始按照本身的引擎進行渲染,在渲染過程當中咱們還會發現重新向服務器請求css/js/img...每一次的請求步驟和HTML的步驟如出一轍;若是請求的資源次數過多,頁面打開的速度和渲染的速度就會變慢,因此咱們之後再頁面優化的方法中,首先要作的就是減小資源請求數(減小HTTP請求)

  1)、css合併成一個 或者 若是css不是不少的話 咱們採用內嵌式css

  2)、js合併成一個 或者 採用內嵌式

  3)、圖片合併(雪碧圖/css Sprite) 或者圖片延遲加載

  4)、Ajax請求和資源文件的請求原理是同樣的

相關文章
相關標籤/搜索