webpack（1）

前言：

• （1）擁有一套本身的MD風格的編輯體系
• （2）大標題使用中文漢字順序排列
• （3）二級標題使用小括號
• （4）三級標題使用小數打點的方式
• （5）四級標題直接打點
• （6）使用tab鍵進行縮進
• （7）思否這個編輯器的一個tab鍵至關於四個空格，思否markdown編輯器四個空格才能夠生效
  果
• （8）若是發生了換行的狀況，第二行的第一個漢字就必須與序號進行對齊
• （9）在代碼行與文本行之間須要添加換行（也就是enter鍵），不然會出現BUG

---

1、瞭解webpack是什麼？摘選官方手冊

• （1）本質上是一個現代的javascript應用程序的靜態模塊打包器；（詳情參考官網）

• （2）瞭解其中四大基本概念；

  • 一、入口（entry）
  • 二、輸出（output）
  • 三、加載（loader）
  • 四、插件（plugins）

---

2、直接上手（怎樣使用webpack）

• （1）安裝webpack

  • 一、安裝前提：

    • node v（版本）8.11.3 或其餘
    • npm v（版本）6.4.1 或其餘

---

3、面試經歷總結（2018/11/23）地點：南山深大地鐵站 公司名稱：將來科技

• （1）兩個函數的編寫

  • 一、結果緩存（相似vue的watch的屬性）
  • 二、函數去抖

  • 實現機制以下圖代碼所示

    //（1）模擬緩存
     //（2）去抖

• （2）小程序開發

  • 一、
  • 二、
  • 三、

• （3）垂直水平居中（display:flex）

  • 一、轉換

    //備註
      -transform:

  • 二、絕對定位

    -position:absolute

  • 三、彈性佈局

    -display:flex;justify-content:center;align-items:center

• （4）base64
• （5）處理輪播圖
• （6）圖片處理 H5利用緩存cache
• （7）小程序對圖片的處理
• （8）瀏覽器的緩存機制以及執行過程