前端面試題(十六)

• 你認爲table的做用和優缺點是什麼呢

  • 做用

    • 用於佈局(已過期)
      早期的使用table來佈局網頁，可是table有一個缺點，就是加載頁面的時候，須要所有的數據都請求到，才顯示頁面，不然就是一片的空白。所以如今通常不採用table來作佈局，而是使用div+css進行佈局
    • 用於顯示批量的數據

  • 優勢

    • 在某些場合，使用Table是100%的適合、恰當和正確。好比，用table作表格是徹底正確的

  • 缺點

    • Table要比其它html標記佔更多的字節。(延遲下載時間，佔用服務器更多的流量資源。)
    • Tablle會阻擋瀏覽器渲染引擎的渲染順序。(會延遲頁面的生成速度，讓用戶等待更久的時間。)
    • Table裏顯示圖片時須要你把單個、有邏輯性的圖片切成多個圖。(增長設計的複雜度，增長頁面加載時間，增長HTTP會話數。)
    • 在某些瀏覽器中Table裏的文字的拷貝會出現問題。(這會讓用戶不悅。)
    • Table會影響其內部的某些佈局屬性的生效(好比td裏的元素的height:100%)(這會限制你頁面設計的自由性)
    • 一旦學了CSS知識，你會發現使用table作頁面佈局會變得更麻煩。(先花時間學一些CSS知識，會省去你之後大量的時間。)
    • table對對於頁面佈局來講，從語義上看是不正確的。(它描述的是表現，而不是內容。)
    • table代碼會讓閱讀者抓狂。(不但沒法利用CSS，並且會你不知所云)
    • table一旦設計完成就變成死的，很難經過CSS讓它展示新的面貌。

---

• 解釋下 CSS sprites的原理和優缺點分別是什麼？

  • 原理

    • 多張圖合併成一張圖多張圖合併成一張圖

  • 優勢

    • hover效果，若是是多個圖片，網絡正常的狀況下首次會閃爍一下。若是是斷網狀況下，就沒圖片了。sprites 就很好的解決了這個問題（第一次就加載好了）
    • 合併了請求數
    • 製做幀動畫方便

  • 缺點

    • 位置很差控制，有時候容易露底。。好比說30_30的按鈕，圖片只有12_12保不齊就漏出其餘圖片了
    • 合成時候比較費時（有工具代替）
    • 位置計算費時（有工具代替）
    • 更新一部分的時候，須要從新加載整個圖片，緩存失效

---

• typeof('abc')和typeof 'abc'都是string, 那麼typeof是操做符仍是函數？

  typeof是 操做符，不是函數。能夠添加括號，可是括號的做用是進行分組而非函數的調用

---

• 說說你對SVN和GIT的理解和區別

  • svn是集中式的，容許單次下載單文件修改，由於對每一個文件都有對應的.svn文件控制
  • git是分佈式的，每次clone都是得到一個完整的代碼版本，能夠不依賴服務器本地獨立運行項目

我的感受**SVN**除了集中帶來的權限管理優點以外，其它被完爆，並且如今人們不缺乏那點硬盤空間，來換取獨立的自由

面試題摘自 Github