前端面試題(六)

• 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