前端面试题

事件代理优点有哪些？

• 可以为将来元素绑定事件
• 减少事件注册

什么是事件对象？

• 保存调用该事件详细信息的一个参数，没有固定命名

li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

在写页面的时候，会需要将<li>这个块状元素横排显示，此时就需要将display属性设置为inline-block，此时问题出现了，在两个<li>元素之间会出现大约8px左右的空白间隙

引起这种空白间隔的原因：

浏览器的默认行为是把inline元素间的空白字符（空格、换行、tab）渲染成一个空格，也就是我们上面的代码<li>换行后会产生换行字符，而它会变成一个空格，当然空格就占用一个字符的宽度。

解决办法：

• 方法一：为<li>设置float: left。不足：有些容器是不能设置浮动，如左右切换的焦点图等。
• 方法二：将所有<li>写在同一行。不足：代码不美观。
• 方法三：将<ul>内的字符尺寸直接设为0，即font-size: 0。不足：<ul>中的其他字符尺寸也被设为0，需要额外重新设定其他字符尺寸，且在Safari浏览器依然会出现空白间隔。
• 方法四：消除<ul>的字符间隔letter-spacing: -8px，而这也设置了<li>内的字符间隔，因此需要将<li>内的字符间隔设为默认letter-spacing: normal。 

["1", "2", "3"].map(parseInt) 答案是多少？

正确答案是[1,NaN,NaN],至于为什么，请点击：https://blog.csdn.net/lxcao/article/details/52781504