一竹宋、瀏覽器
1.瀏覽器頁(yè)面有哪三層構(gòu)成，分別是什么地技，作用是什么?
- 結(jié)構(gòu)層：HTML
- 表示層：CSS，頁(yè)面的表現(xiàn)風(fēng)格
- 行為層：JS秒拔，客戶端功能莫矗、業(yè)務(wù)
2.內(nèi)核&主流瀏覽器內(nèi)核？
內(nèi)核 Rendering engine：解析DOM文檔和CSS規(guī)則并將內(nèi)容排版到瀏覽器中顯示有樣式的界面
a砂缩、 IE: trident 內(nèi)核
b作谚、 Firefox ： gecko 內(nèi)核
c、 Safari: webkit 內(nèi)核
d庵芭、 Opera: 以前是 presto 內(nèi)核妹懒， Opera 現(xiàn)已改用 Google Chrome 的 Blink 內(nèi)核
e、 Chrome:Blink( 基于 webkit 双吆， Google 與 Opera Software 共同開(kāi)發(fā) )
二眨唬、web
1.web標(biāo)準(zhǔn)&w3c
本質(zhì)就是一些語(yǔ)法規(guī)范
關(guān)注web和用戶交互的的接口、技術(shù)標(biāo)準(zhǔn)好乐。集成到客戶端環(huán)境中匾竿。
三、HTML5
1.HTML5是什么
是HTML的新一代標(biāo)準(zhǔn)蔚万。
HTML4太依賴插件=>為了減少依賴岭妖，用戶體驗(yàn)更好，開(kāi)發(fā)方便
然后可以講一下優(yōu)缺點(diǎn)
2.HTML5的優(yōu)缺點(diǎn)
3.HTML5增加的元素
簡(jiǎn)記：結(jié)構(gòu)：頭部 導(dǎo)航反璃；級(jí)塊：code昵慌；行內(nèi)語(yǔ)義：音頻；交互：菜單
4.HTML5元素
5.cookie & Storage
都是在瀏覽器端存儲(chǔ)的數(shù)據(jù)淮蜈。
- cookie：隨時(shí)發(fā)請(qǐng)求到服務(wù)器斋攀。小&開(kāi)銷&各數(shù)限制
- localStorage SessionStorage是HTML5提供的API，不用在C & S之間來(lái)回穿數(shù)據(jù)
（1）localStorage 永久存儲(chǔ)礁芦。存儲(chǔ)量5MB蜻韭。
（2）SessionStorage 瀏覽器窗口的概念悼尾。??窗口！肖方！
四闺魏、HTML文件&標(biāo)簽用法等
1.Doctype作用；嚴(yán)格模式與混雜模式怎么區(qū)分&意義
（1）聲明位于文檔中的最前面的位置俯画，處于標(biāo)簽之前析桥。此標(biāo)簽告訴瀏覽器按照何種規(guī)范解析頁(yè)面。<!doctype html>
（2）嚴(yán)格模式：排版艰垂、JS以瀏覽器支持的最高標(biāo)準(zhǔn)允許泡仗；混雜模式：模擬老式瀏覽器行為=>doctype不存在/格式不正確
即：有就用最高標(biāo)準(zhǔn)/ w3c標(biāo)準(zhǔn)解析；沒(méi)有就以瀏覽器各自不同的模式解析
2.語(yǔ)義化的理解
根據(jù)內(nèi)容的意思猜憎，選擇合適的標(biāo)簽
- 對(duì)開(kāi)發(fā)者：直接看的時(shí)候很方便娩怎。
- 對(duì)于爬蟲(chóng)：依賴標(biāo)簽確定信息
- 對(duì)于其他設(shè)備解析：（盲人閱讀器等）用意義對(duì)方式渲染
- link @import區(qū)別
都是外部引用css文件。
- 本質(zhì)：link是個(gè)標(biāo)簽（其他屬性 rel等）胰柑；@import只是一種方式
- 加載順序：link和網(wǎng)頁(yè)同時(shí)截亦；@等到頁(yè)面全部下載才加載（一開(kāi)始可能沒(méi)樣式）
- 兼容性：@在很老的瀏覽器不兼容
- dom：link的樣式：可以用js改變（element.style等），@??
4.HTML 全局屬性
16個(gè)全局屬性
class柬讨、id崩瓤、style、title踩官、lang
5.<a target="value"> 其中value取值
a却桶、 _blank ：在【新窗口】中打開(kāi)鏈接文件
b、 _parent ：將鏈接的文件載入含有該鏈接【框架】的父框架集或父窗口中蔗牡。如果含有該鏈接的框架不是嵌套的颖系，則在瀏覽器全屏窗口中載入鏈接的文件，就象 _self 參數(shù)一辩越。
c集晚、 _self ：在【同一框架或窗口】中打開(kāi)所鏈接的文檔。此參數(shù)為默認(rèn)值区匣，通常不用指定偷拔。但是我不太理解。
d亏钩、 _top ：在【當(dāng)前整個(gè)窗口】中打開(kāi)所鏈接的文檔莲绰，因而會(huì)刪除所有框架。
6.data-屬性
data-為H5新增的為前端開(kāi)發(fā)者提供自定義的屬性姑丑，這些屬性集可以通過(guò)對(duì)象的 dataset 屬性獲取蛤签，不支持該屬性的瀏覽器可以通過(guò) getAttribute 方法獲取 :
data-實(shí)例
五、WEBGL
1.什么是WEBGL&優(yōu)點(diǎn)
3D繪圖標(biāo)準(zhǔn)：OPENGL（提供接口栅哀、使用底層圖形硬件渲染）+JS（腳本實(shí)現(xiàn)）
為canvas提供3D加速渲染震肮。=>可以在瀏覽器里展示3D場(chǎng)景
提供一些開(kāi)源庫(kù)称龙，比如three.js
六、SVG
1.SVG的理解
