1、常見的瀏覽器內(nèi)核都有哪些?并介紹下你對內(nèi)核的理解
內(nèi)核主要分為渲染引擎和 JS 引擎。前者負責頁面的渲染,后者負責執(zhí)行解析 JavaScript。
之后,由于 JS 引擎越來越獨立,現(xiàn)在所說的瀏覽器內(nèi)核大都指渲染引擎。
目前主流的內(nèi)核有以下 4 個:
- Trident: 由微軟開發(fā),即我們熟知的 IE 內(nèi)核
- Gecko: 使用 C++ 開發(fā)的渲染引擎,包括了 SpiderMonkey 即我們熟悉的 FireFox
- Presto: Opera 使用的內(nèi)核
- Webkit: 前端使用最多的 Chrome(<28) 和 Safari 使用的內(nèi)核
- Blink: Chrome
2、css盒子模型的理解
盒模型分為: IE盒模型和W3C盒模型
盒模型是由 content、padding、border、margin組成的
區(qū)別:
IE盒模型的width = content + padding + border
W3C盒模型的width = content
CSS3的屬性box-sizing可以指定兩種盒模型
其中border-box屬性為IE盒模型
content-box屬性為W3C盒模型
3、寫一個獲取當前url查詢字符串中的參數(shù)的方法
var url = "https://github.com/kk?tab=stars&assetId=311&page=DETAIL&projectPhase=2";
function splitUrl(url){
if(typeof(url)!=='string'){
return;
}
var obj={};
url.split('?')[1].split('&').forEach(item=>{
var arr=item.split('=');
obj[arr[0]]=arr[1];
})
return obj;
}