前端常見問題（四）- 其他

####【框架/類庫】

• vue（父子元件通訊、子元件間通訊、slot、常用vue指令、vue快取、vue-router中有哪些鉤子函式、mvvm模式）
• boostrap（柵格佈局） | 響應式開發 | 移動端開發
• jq
• 小程式（元件和小程式的生命週期）
• less/sass
  • 巢狀
  • 控制指令，如@if
  • 混合指令如mixins、如@include
  • 變數、計算、函式
  • 繼承
• node

####【打包工具】

• webpack
• gulp
• Parcel

####【其他】

• ES6 (promise, let const, let 與 var的區別，箭頭函式)

• 常見瀏覽器核心

  • Trident （IE）
  • Gecko (FireFox)
  • Presto (Opera7+)
  • Webkit (Safari、chrome)

• 優化網站的方法：

  • 1 檔案合併，減少http請求 ，合併js檔案和css檔案，css sprites, 影像對映（img map）
  • 2 檔案壓縮
  • 3 CDN託管
  • 4 使用快取
  • 5 GZIP壓縮你的JS和CSS檔案等

• HTTP狀態碼200、304、404、500等

  • 200：表示請求成功
  • 201：請求成功並建立了新資料
  • 304: 未修改。所請求的資源未修改，伺服器返回此狀態碼時，不會返回任何資源。客戶端通常會快取訪問過的資源，通過提供一個頭資訊指出客戶端希望只返回在指定日期之後修改的資源
  • 404: 請求的資源未找到或不存在。伺服器無法根據客戶端的請求找到資源（網頁）。通過此程式碼，網站設計人員可設定"您所請求的資源無法找到"的個性頁面。
  • 500：伺服器內部錯誤，無法完成請求

• 從輸入url到載入完頁面發生了什麼

• 怎麼做SEO優化

• 如何進行專案架構

• 怎麼抽象元件

• 怎麼做模態框元件或模態框外掛

• 模組化程式設計思想 | 程式碼優化

• 工廠函式

• vue響應式原理

• 談談MVVM

####【專案經驗】

• 如何進行專案架構
• 怎麼抽象元件
• 怎麼做模態框

【程式碼】

•   var a = null;
    console.log(typeof a); //object
  複製程式碼

•   var a = Object();
    a.value = 1;
    b=a;
    b.value=2;
    console.log(a.value); //2
  複製程式碼

•     let c = {a(){ console.log(1) }}
      let d = c
      c.a = function (){console.log(2) }
      d.a() //1
      c.a() //2
  複製程式碼