面试题目自练习20221208

1、结尾处加空div标签clear:both

原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度

优点：简单、代码少、浏览器支持好、不容易出现怪问题

缺点：不少初学者不理解原理;如果页面浮动布局多，就要增加很多空div，让人感觉很不好

2、0.3 + 0.2 === 0.5，对吗？不对

JavaScript的计算存在精度丢失问题

• 原因：JavaScript中小数是浮点数，需转二进制进行运算，有些小数无法用二进制表示，所以只能取近似值，所以造成误差
• 解决方法：
  • 先变成整数运算，然后再变回小数
  • toFixed() 性能不好，不推荐

3、父级div定义伪类:after和zoom

原理：IE8以上和非IE浏览器才支持:after，原理和方法2有点类似，zoom(IE转有属性)可解决ie6,ie7浮动问题

优点：浏览器支持好、不容易出现怪问题(目前：大型网站都有使用，如：腾迅，网易，新浪等等)

缺点：代码多、不少初学者不理解原理，要两句代码结合使用才能让主流浏览器都支持

4、父级div定义overflow:hidden

原理：必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度

优点：简单、代码少、浏览器支持好

缺点：不能和position配合使用，因为超出的尺寸的会被隐藏。

5、Ajax、Axios、Fetch有啥区别？

• Ajax：是对XMLHttpRequest对象（XHR）的封装
• Axios：是基于Promise对XHR对象的封装
• Fetch：是window的一个方法，也是基于Promise，但是与XHR无关，不支持IE

学无止境，

欢迎大家关注公众号：