前端面試題(三)

• html5 的文件離線儲存怎麼使用, 工做原理是什麼?

  離線存儲是在 HTML 5 中建立cache manifest文件來實現 Web 應用的離線版本的。

  離線存儲有這麼幾個好處：沒有網絡時能夠瀏覽、加快資源的加載速度、減小服務器負載

  離線存儲的相關配置在.appcache文件中。
  經過配置CACHE MANIFEST,NETWORK,FALLBACK來控制須要被緩存的文件。
  JavaScript 也暴露了applicationCacheAPI 讓咱們手動進行緩存的刷新

HTML5 離線存儲原理

---

• css 的選擇器有哪些?哪些屬性能夠繼承?

  選擇器
  通配符: *
  id 選擇器: #app
  class 選擇器: .app
  兄弟選擇器: +
  後代選擇器: >
  屬性選擇器: [type='input']
  僞類選擇器: ::before

  能夠繼承的屬性
  font-size,
  font-weight,
  font-style,
  font-family,
  color,
  text-indent,
  text-align,
  line-height,
  word-spacing,
  letter-spacing,
  color,
  direction,
  text-transform,
  cursor

---

• 寫一個方法把下劃線命名轉化爲駝峯命名

  首先仍是先分析
  目的效果是這樣的 'app_name' 變成 'appName'

  1. 首先判斷所給的字符串格式是否正確
  2. 將字符串經過方法 split 分切成一個數組
  3. 再根據數組的 reduce(累加) 方法,將後一個元素的首字母變大寫以後合併在一塊兒

  function changeStr(str){
     if(str.split('_').length==1)return;
     str.split('_').reduce((a,b)=>{
       return a+b.substr(0,1).toUpperCase() + b.substr(1)
     })
    }

  面試題摘自 Github