前端3+1-7

html

题目：iframe框架有啥优缺点
答案：
1、优点：
1-1、可以异步刷新，不用刷新整个页面，只刷新嵌入页面
1-2、可以封装一些公用的页面，提高代码复用性，比如导航栏
1-3、允许跨域，可以与页面不同源
ps：有些插入的第三方广告就比较使用iframe
2、缺点：
2-1、一个iframe就有自己的一套css、js，就意味着需要更多的请求开销
2-2、对浏览器搜索引擎不太友好，现在的搜索引擎爬虫还不能处理好iframe里面的内容，不利于seo优化
2-3、用户体验感差，比如用iframe嵌套的页面可能还会存在滚动条
2-4、会阻塞页面的onload事件，只有iframe全部加载完，才会触发页面的onload事件，给用户造成的体验就是页面加载很慢
ps：能不用iframe就不用iframe，可以用jquery的ajax来替代

css

题目：简述你对BFC规范的理解
答案：
定义：
BFC相当于一个盒子，外部样式不会影响盒子内部样式，反之亦然。
触发条件：
1、float值不等于none
2、position值不等于static 或 relative
3、display值等于inline-block、flex、inline-flex、table-cell、table-caption
4、overflow值不等于visible
特性：
1、BFC内部的元素不会乱跑
2、和浮动元素产生边界
常见实例：
1、解决子元素浮动，父元素高度坍塌问题
子元素浮动后，脱离了文档流，因此父元素高度坍塌；让外层元素产生一个BFC，就会使得外层元素重新包裹子元素，即使得BFC内部的元素不会乱跑
2、解决边距重叠问题，比如父子元素、兄弟元素等
无BFC时，子元素1浮动了，这时若子元素2（没有浮动）想要定位在子元素1右边，它的margin就必须是子元素1的宽度加上想要的margin；给子元素2加了BFC后（为啥），它的margin就只需要想要的margin就好了