每天三道前端面试题01

1.sessionStorage 和 localStorage 的区别?
2.mouseEnter 和 mouseover 的区别?
3.如何解决盒子外边距塌陷问题?

----------------------

1.sessionStorage 和 localStorage 的区别?

sessionStorage:存储周期关闭浏览器后失效，在同一窗口可以共享数据；

localStorage:存储周期永久(除非被清除，否则永久保存)，在多个窗口下可以共享。

2.mouseEnter 和 mouseOver 的区别?

mouseEnter:

• 不冒泡，父盒子触发功能,子盒子不会触发
• 事件只有在鼠标指针进入被选元素时被触发

mouserOver:

• 冒泡，子盒子触发功能,父盒子也会被冒泡触发；
• 事件在鼠标指针进入任意子元素时也会被触发

3.如何解决盒子外边距塌陷问题?

给父盒子添加overflow:hidden或设置边框