1.關(guān)于面試問(wèn)題:打交道最多的是瀏覽器
瀏覽器：幫助用戶瀏覽網(wǎng)頁(yè)的軟件
1.1 主流瀏覽器必備的條件:
1) 在市場(chǎng)上有一定的份額 2) 要有獨(dú)立研發(fā)的內(nèi)核
shell部分:展示操作頁(yè)面可見(jiàn)的部分
1.2 瀏覽器: 內(nèi)核:
IE trident
Firefox Gecko
Goole chrome Webkit（之前是和蘋果一起研發(fā)的）/blink（14年投入市場(chǎng)）
Safari Webkit
Opera presto
Edge 微軟最新的瀏覽器（js引擎是chakra(查克拉)，渲染引擎是EdgeHTML）
1.3 簡(jiǎn)單流程:
把文件打成包 放到服務(wù)器上，服務(wù)器有個(gè)地址，方便客戶端找到索取數(shù)據(jù)把htmlcss,
javascript文件下載到自己的瀏覽器里執(zhí)行（是副本，可以修改，但不能實(shí)質(zhì)性改變）
1.4 DNS：DNS（Domain Name System，域名系統(tǒng)），因特網(wǎng)上作為域名和IP地址相互映射的一個(gè)
分布式數(shù)據(jù)庫(kù)，能夠使用戶更方便的訪問(wèn)互聯(lián)網(wǎng)，而不用去記住能夠被機(jī)器直接讀取的IP數(shù)串。
通過(guò)主機(jī)名，最終得到該主機(jī)名對(duì)應(yīng)的IP地址的過(guò)程叫做域名解析（或主機(jī)名解析）
例如： www.baidu.com 這是域名 通過(guò)dns解析成物理地址 IP地址126.168.000.0001
1.5 下載頁(yè)面時(shí)會(huì)逐行渲染，遇到css文件會(huì)另開(kāi)一個(gè)新的線程去下載CSS,原有的線程繼續(xù)下載HTML
互不耽誤，這叫異步加載，同時(shí)做多件事。
1.6 服務(wù)器：服務(wù)器就是穩(wěn)定性比較強(qiáng)的電腦
國(guó)內(nèi)好的服務(wù)器廠商:聯(lián)想 國(guó)外：IBM
1.7 web服務(wù)器：存放網(wǎng)站的電腦就是web服務(wù)器
1.8 網(wǎng)頁(yè)請(qǐng)求背后的秘密：
1) 用戶在客戶機(jī)上用瀏覽器請(qǐng)求網(wǎng)頁(yè)
2) 網(wǎng)絡(luò)數(shù)據(jù)傳輸
3) 服務(wù)器端解析用戶請(qǐng)求
4) 服務(wù)器處理請(qǐng)求并返回頁(yè)面內(nèi)容
5) 瀏覽器接受返回的響應(yīng)網(wǎng)頁(yè)內(nèi)容
6) 瀏覽器渲染成可視化的網(wǎng)頁(yè)內(nèi)容
1.9 Internet：因特網(wǎng)，互聯(lián)網(wǎng)。可以實(shí)現(xiàn)全球信息互聯(lián)的網(wǎng)絡(luò)。
WWW：萬(wàn)維網(wǎng)（world wide web），它是提供網(wǎng)站相關(guān)服務(wù)，人們可以通過(guò)萬(wàn)維網(wǎng)服務(wù)進(jìn)行
網(wǎng)上聊天、網(wǎng)上沖浪、網(wǎng)購(gòu)、搜索資料、查看天氣、查看新聞、交友聊天等。
W3C：萬(wàn)維網(wǎng)聯(lián)盟創(chuàng)建于1994年.是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。
我們后面學(xué)的html、css等標(biāo)準(zhǔn)都是由此機(jī)構(gòu)主導(dǎo)制定。
HTTP：超文本傳輸協(xié)議（HTTP，HyperText Transfer Protocol），也就是瀏覽器和服務(wù)器端的
網(wǎng)頁(yè)傳輸數(shù)據(jù)的約束和規(guī)范。
(統(tǒng)一和規(guī)范返回?cái)?shù)據(jù)的格式)
(在瀏覽器調(diào)試器中返回的文字在network Headers中，響應(yīng)的內(nèi)容在Response中)
參考圖片下圖
01-瀏覽器和服務(wù)器的請(qǐng)求過(guò)程.png
2. URL協(xié)議
?URL協(xié)議：Uniform Resource Locator，統(tǒng)一資源定位符是對(duì)可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問(wèn)
方法的一種簡(jiǎn)潔的表示，是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址?；ヂ?lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的URL，它包含的
信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它。
?協(xié)議規(guī)定格式：scheme://host.domain:port/path/filename
? scheme - 定義因特網(wǎng)服務(wù)的類型。最常見(jiàn)的類型是 http
? host - 定義域主機(jī)（http 的默認(rèn)主機(jī)是 www）
? domain - 定義因特網(wǎng)域名，比如 w3school.com.cn
? :port - 定義主機(jī)上的端口號(hào)（http 的默認(rèn)端口號(hào)是 80）
? path - 定義服務(wù)器上的路徑（如果省略，則文檔必須位于網(wǎng)站的根目錄中）。
? filename - 定義文檔/資源的名稱
?常見(jiàn)協(xié)議：http、https、ftp、迅雷協(xié)議等.. ?URL編碼：url中的非ASCII碼，轉(zhuǎn)為%ascii碼。
3.常用的圖像格式
1. GIF格式
GIF最突出的地方就是他支持動(dòng)畫，同時(shí)GIF也是一種無(wú)損的圖像格式，也就是說(shuō)修改圖片之后，圖片質(zhì)
量幾乎沒(méi)有損失。再加上GIF支持透明（全透明或全不透明），因此很適合在互聯(lián)網(wǎng)上使用。但GIF只能
處理256種顏色。在網(wǎng)頁(yè)制作中，GIF格式常常用于Logo、小圖標(biāo)及其他色彩相對(duì)單一的圖像。
總結(jié)：小、兼容性好、支持透明、色彩太多不行。
2. PNG格式
PNG包括PNG-8和真色彩PNG（PNG-24和PNG-32）。相對(duì)于GIF，PNG最大的優(yōu)勢(shì)是體積更小，支持
alpha透明（全透明，半透明，全不透明），并且顏色過(guò)渡更平滑，但PNG不支持動(dòng)畫。同時(shí)需要注意的
是IE6是可以支持PNG-8的，但在處理PNG-24的透明時(shí)會(huì)顯示為灰色。通常，圖片保存為PNG-8會(huì)在同等
質(zhì)量下獲得比GIF更小的體積，而半透明的圖片只能使用PNG-24。
3. JPG格式
JPEG格式是網(wǎng)絡(luò)上比較流行的一種格式，其文件擴(kuò)展名為.jpg或.jpeg。JPEG是一種有損壓縮格式，其
文件體積非常小，非常有利于網(wǎng)絡(luò)傳輸，但由于是有損壓縮，所以將一幅圖像轉(zhuǎn)換為JPEG格式后圖像質(zhì)
量會(huì)降低。一般用于廣告，大的宣傳的圖片，照片等
4. 圖片的抉擇
– jpg
? 色彩還原高，適合復(fù)雜顏色圖片，比如banner – gif
? 色彩效果最低，支持透明，支持動(dòng)畫，適合顏色比較少，不適合漸變色。
– png
? PNG的優(yōu)點(diǎn)是，清晰，無(wú)損壓縮，壓縮比率很高，可漸變透明，具備幾乎所有GIF的優(yōu)點(diǎn)；缺點(diǎn)是不如
JPG的顏色豐富，同樣的圖片體積也比JPG略大。
? PNG有著另一個(gè)優(yōu)點(diǎn)，那就是逐次逼近顯示(progressivedisplay)：傳輸圖像文件的同時(shí)，可以先把
整個(gè)輪廓顯示出來(lái)，然后逐步顯示圖像的細(xì)節(jié)，即先顯示低分辨率顯示圖像，從模糊到清晰，然后逐
步提高它的分辨率。這是一個(gè)很好的用戶體驗(yàn)。
?總結(jié)：
? gif和png基本差不多，色彩比較少的直接gif，如果圖片動(dòng)畫用gif。對(duì)色彩要求高的用jpg。