從輸入網(wǎng)址到渲染

1. Part?

1.1.當你在瀏覽輸 www.zuimeia.com然后都發(fā)生了什么?

輸入網(wǎng)址

服務器ip

看到網(wǎng)頁

1.2. www.zuimeia.com到底在哪 ?


1.3. 快速應用

進入測試環(huán)境

地理位置、運營商分流

DNS 負載均衡1.4.歷經(jīng)千萬苦,終于拿到IP !然后呢......

2. Part 2


2.1. 訪問不同URL時,怎么出現(xiàn)不同 頁面的?

2.2. 是怎么拼裝出來的?

2.3.

2.4. 將這個網(wǎng)站升級 下


2.5. 讓我們來快速做 個網(wǎng)站看看


3. Part?

3.1.常 HTML標簽

a 鏈接img 圖p 段落

h1、2、3 標題script 腳本 ......

a 鏈接img 圖p 段落

h1、2、3 標題script 腳本 ......

3.2. html結(jié)構(gòu)


3.3. 流程


3.4. javascript可以干什么么

請求網(wǎng)絡數(shù)據(jù)L修改 HTM

修改 CSS

各種本地運算

3.5. 常見加速加載技術(shù)


lazyload

分布式加載

css sprite

CSSSprites在國內(nèi)很多人叫css精靈,是一種網(wǎng)頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。對于當前網(wǎng)絡流行的速度而言,不高于200KB的單張圖片的所需載入時間基本是差不多的,所以無需顧忌這個問題。

雪碧圖

CSS Sprites其實就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進行背景定位,background-position可以用數(shù)字精確的定位出背景圖片的位置。

3.6. css


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容