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）浏览器的缓存机制以及执行过程