第一题：
同源策略：协议 http和https不同
域名 和不同
端口号：http默认 80/8080/3128/8081/9098
第二题：
domContentloaded：不用等框架图片等其他资源都加载完成就可以被触发
load：页面上所有的资源被加载以后才会触发load事件
第三题：
块级元素与行内元素的几个区别：
格式：默认情况下，块级元素会新起一行
A和D中的i标签和em标签：<i>标签和基于内容的样式标签<em>类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。属于行内元素。
C中的span属于行内元素。
第四题：
<div class="box box1 box2" style="color:#222">hello</div>, 这个div里面最终的字体颜色是什么？.box{color:#999;}.box{color:#333 !important;}.box2{color:#666}
解析：
css样式优先级：
规则1：最近的祖先样式比其他祖先样式优先级高
规则2："直接样式"比"祖先样式"优先级高
规则三：优先级关系：内联样式（即行内样式style）> id选择器样式 > 类选择器样式 > 元素选择器样式（标签）
规则四：属性后有!important的属性拥有最高优先级
第五题：
解析：box-sizing是用于告诉浏览器如何计算一个元素的总宽度和总高度的。
盒子的四个组成区域相对应，每个盒子有四个边界：内容边界content edge、内边距边界padding edge、边框边界border edge、外边框边界margin edge。
标准盒模型 box-sizing：content-box
content-box：width=content width
height=content heighIE盒模型 box-sizing：border-box
border-box：
width=border+padding+content width
height=border+padding+content width
详情见box-sizing有哪些属性
第六题：
css伪类：用于向某些选择器添加特殊效果的。
伪类的语法：
例如：
<style type="text/css"> p:first-child i { color:blue; } </style>
第七题：
解析：从左到右看
1<2：true；true<3：true转换为1，所以是true
3<2：false；false<1：false转换为0，所以是true
第八题：
解析：
parseInt(string, radix)
string：表示要解析的字符串
radix：表示要解析的数字的基数（即进制）
['1', '2', '3'].map((item, index) => {return parseInt(item, index)})parseInt('1', 0) // 1 默认十进制的1parseInt('2', 1) // NaN 1进制没有2（1进制只有1）parseInt('3', 2) // NaN,2进制逢2进1ps 啥是parseIntparseInt('11',2) //二进制的11 转换成十进制应该是 3ppppps['10','10','10','10','10'].map(parseInt); // [10, NaN, 2, 3, 4]意思是0(默认0是十进制)进制的十转换成十进制是多少 1进制的十转换成十进制是多少 二进制的10转换成十进制是多少
第九题：
解析：
js中/不是取整的除，可以带小数。
js中小数取整的函数：
1.丢弃小数部分,保留整数部分
js:parseInt(7/2)
2.向上取整,有小数就整数部分加1
js: Math.ceil(7/2)
3,四舍五入.
js: Math.round(7/2)
4,向下取整
js: Math.floor(7/2)
第十题：
解析：filter和find都是高阶函数，参数是传入一个函数。
A选项中>表示>，&表示&，就可以把A选项转换为箭头函数。
players.filter(x=>x.position==='TOP'&&x.team==='BLG')
