前端面试题(六)

• iframe 框架有什么优缺点

  iframe 也称作嵌入式框架, 嵌入式框架和框架网页类似, 他可以把网页的框架和内容嵌套在当前现有的网页中
  提示: 目前框架的所有优点完全可以使用Ajax实现，因此已经没有必要使用框架了

  优点

  1  重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度)
  2  方便制作导航栏
  3  技术易于掌握，使用方便，可主要应用于不需搜索引擎来搜索的页面          

  缺点

  1  会产生很多页面，不容易管理
  2  不容易打印
  3  代码复杂, 无法被一些搜索引擎索引到
  4  多框架的页面会增加服务器的http请求
  5  多数小型的移动设备（PDA 手机）无法完全显示框架
  

由于上面诸多缺点，因此不符合标准网页设计的理念,已经被标准网页设计抛弃

• 简述你对 BFC 规范的理解

  BFC 全称“块级格式化上下文”(Block Formatting Context)，对应的还有 IFC。BFC 类似一个“结界”，如果一个 DOM 元素具有 BFC，那么它内部的子元素不会影响外面的元素；外面的元素也不会影响到其内部元素。

  行成条件

  1  float 的值不是 none
  2  position 的值不是 static 或者 realative
  3  display的值是inline-block,table-cell,flex,table-caption或者inline-flex
  4  overflow的值不是visible
  5  根元素（默认情况下只有根元素，即body一个块级上下文）

  特性

  1  内部的盒子会在垂直方向上一个接一个的排列
  2  对于在同一个 BFC 内的相邻盒子的 margin 会发生重叠,与方向无关
  3  每个元素的左外边距与包含块的左边界相接触（从左到右），即使浮动元素也是如此 
  4  BFC 的区域不会与 float 的区域重叠
  5  计算 BFC 高度的时候,浮动子元素也参与计算
  6  BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然
  

关于 BFC 和其具体触发条件 大家可以看看这个链接

• 统计一个字符或者一个字符串在另外一个字符串中出现的次数

  首先看一下这是我自己的一个方法,利用数组的 filter 方法:

  var str = "qwewrtyeyoietw";
  
  var findStrNum = function(tm){
      var arr = str.split("");
      var newArr = arr.filter((it)=>{
          return it == tm
      })
      console.log(newArr)
      
      //newArr 的 length 就是出现的次数
  }
  findStrNum('w')

  这个方法相对比较蠢笨 也比较简单 仅供参考

  这是我看到的别人写的一个骚操作:

  var childInNums = parent.split(child).length - 1

  可能有人没看懂,我来拆分一下写成一个函数方法:

  var str = "qwewrtyeyoietw";
  var findStrNum = function(child,parent){
      var childInNum = parent.split(child).length - 1
      console.log(childInNum)
  }
  findStrNum('w',str)
  //他将整个字符串按照你要查找的字符作为分割点分割, 就像切面包一样,切两刀,面包就会是 3 片. 然后切完后的长度减一便是该字符出现的次数

面试题摘自 Github