一、瀏覽器
1.瀏覽器頁面有哪三層構成，分別是什么，作用是什么?
- 結構層：HTML
- 表示層：CSS，頁面的表現(xiàn)風格
- 行為層：JS，客戶端功能、業(yè)務
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 共同開發(fā) )
二、web
1.web標準&w3c
本質(zhì)就是一些語法規(guī)范
關注web和用戶交互的的接口、技術標準。集成到客戶端環(huán)境中。
三、HTML5
1.HTML5是什么
是HTML的新一代標準。
HTML4太依賴插件=>為了減少依賴，用戶體驗更好，開發(fā)方便
然后可以講一下優(yōu)缺點
2.HTML5的優(yōu)缺點
3.HTML5增加的元素
簡記：結構：頭部 導航；級塊：code；行內(nèi)語義：音頻；交互：菜單
4.HTML5元素
5.cookie & Storage
都是在瀏覽器端存儲的數(shù)據(jù)。
- cookie：隨時發(fā)請求到服務器。小&開銷&各數(shù)限制
- localStorage SessionStorage是HTML5提供的API，不用在C & S之間來回穿數(shù)據(jù)
（1）localStorage 永久存儲。存儲量5MB。
（2）SessionStorage 瀏覽器窗口的概念。??窗口！！
四、HTML文件&標簽用法等
1.Doctype作用；嚴格模式與混雜模式怎么區(qū)分&意義
（1）聲明位于文檔中的最前面的位置，處于標簽之前。此標簽告訴瀏覽器按照何種規(guī)范解析頁面。<!doctype html>
（2）嚴格模式：排版、JS以瀏覽器支持的最高標準允許；混雜模式：模擬老式瀏覽器行為=>doctype不存在/格式不正確
即：有就用最高標準/ w3c標準解析；沒有就以瀏覽器各自不同的模式解析
2.語義化的理解
根據(jù)內(nèi)容的意思，選擇合適的標簽
- 對開發(fā)者：直接看的時候很方便。
- 對于爬蟲：依賴標簽確定信息
- 對于其他設備解析：（盲人閱讀器等）用意義對方式渲染
- link @import區(qū)別
都是外部引用css文件。
- 本質(zhì)：link是個標簽（其他屬性 rel等）；@import只是一種方式
- 加載順序：link和網(wǎng)頁同時；@等到頁面全部下載才加載（一開始可能沒樣式）
- 兼容性：@在很老的瀏覽器不兼容
- dom：link的樣式：可以用js改變（element.style等），@??
4.HTML 全局屬性
16個全局屬性
class、id、style、title、lang
5.<a target="value"> 其中value取值
a、 _blank ：在【新窗口】中打開鏈接文件
b、 _parent ：將鏈接的文件載入含有該鏈接【框架】的父框架集或父窗口中。如果含有該鏈接的框架不是嵌套的，則在瀏覽器全屏窗口中載入鏈接的文件，就象 _self 參數(shù)一。
c、 _self ：在【同一框架或窗口】中打開所鏈接的文檔。此參數(shù)為默認值，通常不用指定。但是我不太理解。
d、 _top ：在【當前整個窗口】中打開所鏈接的文檔，因而會刪除所有框架。
6.data-屬性
data-為H5新增的為前端開發(fā)者提供自定義的屬性，這些屬性集可以通過對象的 dataset 屬性獲取，不支持該屬性的瀏覽器可以通過 getAttribute 方法獲取 :
data-實例
五、WEBGL
1.什么是WEBGL&優(yōu)點
3D繪圖標準：OPENGL（提供接口、使用底層圖形硬件渲染）+JS（腳本實現(xiàn)）
為canvas提供3D加速渲染。=>可以在瀏覽器里展示3D場景
提供一些開源庫，比如three.js
六、SVG
1.SVG的理解
