每日学习@20200819

1、常见的浏览器内核都有哪些？并介绍下你对内核的理解

内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染，后者负责执行解析 JavaScript。
之后，由于 JS 引擎越来越独立，现在所说的浏览器内核大都指渲染引擎。
目前主流的内核有以下 4 个：

• Trident: 由微软开发，即我们熟知的 IE 内核
• Gecko: 使用 C++ 开发的渲染引擎，包括了 SpiderMonkey 即我们熟悉的 FireFox
• Presto: Opera 使用的内核
• Webkit: 前端使用最多的 Chrome（<28） 和 Safari 使用的内核
• Blink: Chrome

2、css盒子模型的理解

盒模型分为： IE盒模型和W3C盒模型
盒模型是由 content、padding、border、margin组成的
区别：
IE盒模型的width = content + padding + border
W3C盒模型的width = content

CSS3的属性box-sizing可以指定两种盒模型
其中border-box属性为IE盒模型
content-box属性为W3C盒模型

3、写一个获取当前url查询字符串中的参数的方法

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;
}