每日學習@20200819

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;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容