前端3+1-12

html

题目：常见的浏览器内核都有哪些？并介绍下你对内核的理解
答案：
内核一般分为渲染内核和JS内核
渲染内核即解释网页语法，渲染页面
JS内核即解释JS代码
目前常说的浏览器内核即渲染内核
主要内核有：
Trident，ie
GeKio，firefox
Webkit，chrome（小于28）safari
presto，opera（小于12）
blink，chrome（大于28）opera（大于12）新版edge

css

题目：对css盒模型的理解
答案：
ie盒模型；box-sizing=border-box；宽高=width+padding+border
w3c盒模型（默认盒模型）；box-sizing=content-box；宽高=content

js

// 获取url的参数
function getUrlParam(urlSource) {
  let resParam = {};
  let url = urlSource || window.location.href;
  url.split('?')[1].split('&').map(ele => {
    const temp = ele.split('=');
    resParam[temp[0]] = temp[1];
  });
  return resParam;
}

console.log(getUrlParam('https://editor.csdn.net/md?articleId=118913319&aaa=1&bbb=2'));

// 获取url的参数
function getUrlParam2(urlSource) {
  let resParam = {};
  let url;
  if (urlSource) {
    url = urlSource.split('?')[1];
  } else {
    window.location.search.substr(1); // search可以直接获取?及后面的参数字符串
  }
  url.split('&').map(ele => {
    const [key, value] = ele.split('='); // 使用数组结构赋值
    resParam[key] = value;
  });
  return resParam;
}

console.log(getUrlParam2('https://editor.csdn.net/md?articleId=118913319&aaa=1&bbb=2'));