一、doctype的作用
宣告一般位於文件的第一行，他的作用只要告訴瀏覽器以什麼樣的模式來解析文件。一般指定了之後會以標準模式來進行文件解析，否則就一相容模式解析。在標準模式下，都是最新標準。相容模式下都是向後相容的方式來模擬老式瀏覽器的行為，以保證一些老的**的正確訪問
二、http和https的區別
多了一層ssl加密。
http是超文字傳輸協議,是乙個網路協議
三、三次握手，四次揮手
四、tcp和udp
20 8
五、websocket
websocket是持久連續中的協議，支援
六、狀態碼
1 伺服器接收到請求，需要請求這繼續執行操作
2 伺服器接收到資訊並成功操作
3 重定向，需要進一步操作
4 客戶端出錯，請求包含語法錯誤或無法完成請求
5 伺服器端出錯
401 請求身份認證
402 保留，將來使用
403 伺服器理解了請求，但是拒絕執行請求
七、cookie、sessionstorage、localstorage區別
共同點：都是儲存在瀏覽器端，並且是同源的
屬性包括以下
name：cookie的名字
value：cookie的值
domain：表示可以訪問的網域名稱
cookie：cookie資料始終在同源的http請求中攜帶（即使不需要），即cookie在瀏覽器和伺服器間來回傳遞。而sessionstorage和localstorage不會自動把資料發給伺服器，僅在本地儲存。cookie資料還有路徑（path）的概念，可以限制cookie只屬於某個路徑下,儲存的大小很小只有4k左右。 （key：可以在瀏覽器和伺服器端來回傳遞，儲存容量小，只有大約4k左右）
sessionstorage：僅在當前瀏覽器視窗關閉前有效，自然也就不可能持久保持，localstorage：始終有效，視窗或瀏覽器關閉也一直儲存，因此用作持久資料；cookie只在設定的cookie過期時間之前一直有效，即使視窗或瀏覽器關閉。（key：本身就是乙個回話過程，關閉瀏覽器後消失，session為乙個回話，當頁面不同即使是同一頁面開啟兩次，也被視為同一次回話）
localstorage：localstorage 在所有同源視窗中都是共享的；cookie也是在所有同源視窗中都是共享的。（key：同源視窗都會共享，並且不會失效，不管視窗或者瀏覽器關閉與否都會始終生效）
八、防範xss和csrf攻擊
xss:跨站指令碼攻擊
對輸入進行過濾
對輸出進行編碼
對輸入和url設定名單
csrf：跨站請求偽造，就是盜用了使用者的身份，這個用驗證碼等驗證手段確認使用者身份
九、get和post的區別
get引數通過url傳遞，post放在request body中。
get請求在url中傳遞的引數是有長度限制的，而post沒有。
get比post更不安全，因為引數直接暴露在url中，所以不能用來傳遞敏感資訊。
get請求只能進行url編碼，而post支援多種編碼方式
get請求會瀏覽器主動cache，而post支援多種編碼方式。
get請求引數會被完整保留在瀏覽歷史記錄裡，而post中的引數不會被保留。
get和post本質上就是tcp鏈結，並無差別。但是由於http的規定和瀏覽器/伺服器的限制，導致他們在應用過程中體現出一些不同。 get產生乙個tcp資料報；post產生兩個tcp資料報。
十、在位址列輸入乙個url，呈現頁面的完整過程
1.輸入url後，首先需要找到這個url網域名稱的伺服器ip，瀏覽器首先尋找快取，快取的查詢記錄為：瀏覽器快取->系統快取->路由器快取，如果快取沒找到就查詢系統的hosts檔案中是否有記錄，還是沒有就查詢dns伺服器。
2.得到伺服器的ip位址後，根據ip位址和埠號構建乙個http請求構造乙個http請求（這個請求會包含這次請求的資訊，主要是請求方法，請求說明和請求附帶的資料）並將這個請求封裝在tcp包中，三次握手，發給伺服器後，伺服器進行解析做出響應，返回相應的html給瀏覽器
3.瀏覽器收到，進行渲染
dns解析 tcp連線 傳送http請求 伺服器處理請求並返回http報文 瀏覽器解析渲染頁面 連線結束
十一 、http頭部 ***
通用首部：表示一些通用資訊，比如date表示報文建立時間
請求首部，就是請求報文中獨有的，如cookie等
響應首部，set-cookie等
實體首部 ：用來描述實體部分，如allow用來描述可執行的請求方法
十二、快取機制 ***
強快取協商快取
兩個是根據響應的header內容決定的
HTML解析篇 瀏覽器
渲染引擎的職責就是渲染，即在瀏覽器視窗中顯示所請求的內容。預設情況下，渲染引擎可以顯示html xml文件及，它也可以借助外掛程式 一種瀏覽器擴充套件 顯示其他型別資料，例如使用pdf閱讀器外掛程式，可以顯示pdf格式，將由專門一章講解外掛程式及擴充套件，這裡只討論渲染引擎最主要的用途 顯示應用了c...
瀏覽器（HTML入門1）
瀏覽器就是將你做的網頁渲染出來給使用者看的玩意。渲染就是畫的意思。不同的瀏覽器核心可以不一樣，有的瀏覽器有自己的核心，例如ie，谷歌，火狐等。不同的核心渲染的方式也就不同了，這就是我們常說的瀏覽器相容問題。我們把這些檔案稱為快取檔案。開啟這些快取檔案看，會發現都是開啟的網頁的內容，例如啊什麼的，還有...
跨瀏覽器拖動HTML元素
一 html 可拖動標題 可被拖動的視窗 視窗內容 style position absolute nm used wn if event.shiftkey drag this,event js var drag function target,event else if document.deta...