前言

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，根底是进阶的前提是我的初心

一周一个大厂 是我新出的一个系列文章，大略的流程是这样的：

  • 我会收集一些大厂的面经，并试着去答复
  • 如果全都会则期待下一周从新一轮
  • 如果有不会的，则记录下来，并去克服它们，写成文章，而后下一轮

这个系列的目标就是：逼本人学习，写文章坚固新常识，且温习旧常识

拼多多

明天是 一周一个大厂 的第二期，明天咱们来复盘一下拼多多的面经，发现有余，并逐个击破他们吧！

一面

1、简历我的项目问询 - 细节

略。。。。。

2、垂直程度居中

  • 1、position: absolute + left: 50% + top: 50% + transform: translate(-50%, -50%)
  • 2、display: flex + justify-content: center + align-items: center

  • 3、display: table-cell + text-align: center + vertical-align: middle

    3、一个简略申请的header会有什么字段

  • Accept ：浏览器反对的MIME类型
  • Accept-Encoding：gzip, deflate ：浏览器反对的压缩编码是gzip和deflate
  • Accept-Language：zh-cn,zh;q=0.5 ：浏览器反对的语言是简体中文和中文，优先反对前者
  • Connection：keep-alive ：客户端与服务端的连贯类型为长久连贯
  • Content-length ：内容长度
  • Content-type ：内容格局
  • Host ：域名
  • Origin ：拜访起源地址（protocal + host）

  • Referer ：拜访起源地址（残缺）

    4、map、filter、reduce 都怎么用？

    能够看我的文章根底很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？ 外面的 map、filter、reduce 局部

    5、Symbol有理解过过吗？

    能够看我的文章根底很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？ 外面的 Symbol 局部

    6、ES5继承、ES6类继承，静态方法？

  • ES5继承：工作中遇到的50个JavaScript的根底知识点 里的 继承形式

  • ES6类继承：根底很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？ 里的 Class

    7、Promise 超时管制？

    利用 Promise.all

    const request = (delay) => (new Promise((resolve, reject) => {  setTimeout(() => {    resolve('数据')  }, delay)}))const time = (delay) => (new Promise((resolve, rejct) => {  setTimeout(() => {    resolve('超时啦！')  }, delay)}))const getData = (delay1, delay2) => (Promise.race([request(delay1), time(delay2)]))// 不超时状况getData(1000, 2000).then(res => console.log(res))// 超时状况getData(2000, 1000).then(res => console.log(res))

    8、DFS 找节点

    function depthFirstSearchNoRecursion (target) {  const res = [];  const stack = target.slice();  // console.log(stack)  while (stack.length > 0) {      const node = stack.shift(); // 最上层节点出栈      res.push(node.id);      // 如果该节点有子节点，将子节点存入栈中，持续下一次循环      const len = node.children && node.children.length;      for (let i = len - 1; i >= 0; i--) {          stack.unshift(node.children[i]);      }  }  return res;}

    9、Node有什么个性，适宜用来做什么？

    个性

  • 1、 它是一个Javascript运行环境
  • 2、 依赖于Chrome V8引擎进行代码解释
  • 3、 事件驱动
  • 4、 非阻塞I/O
  • 5、 轻量、可伸缩，适于实时数据交互利用

  • 6、 单过程，单线程

    场景

  • 1、 高并发（最重要的长处）
  • 2、 适宜I/O密集型利用

10、midway比照egg有什么劣势？

据我所知就是对 typescript 的反对十分好

11、typescript 有没有实际过？

实际过：

  • Vue3 + TS + Vite

  • React + TS + Vite

    12、平时有用什么设计模式吗？

    可能用了，然而没去留神，没去总结

    13、平时打包工具 - Webpack 相干

    举荐几篇文章吧：

  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)

  • webpack 十连问你能接住几题

    14、你有没有哪些我没问到你想说的？

    略

    15、缓存相干，cdn 缓存解决？

    CDN缓存 跟 浏览器http缓存 差不多，这一块还不精通，还得看看

    16、你有什么想问的？

    我帅吗？

二面

1、压力面，质疑观点？

略

2、拍平数组

要求

const flatten = (list, level = +Infinity) => {  // ...};const array = [1, [2, [3, 4, [5]], 3], -4];const list1 = flatten(array);const list2 = flatten(array, 2);console.log(list1); // [1, 2, 3, 4, 5, 3, -4]console.log(list2); // [1, 2, 3, -4]

解题

const flatten = (list, level = +Infinity) => {  let res = list  for (let i = 0; i < level; i++) {    res = [].concat(...res)    if (!res.some(item => Array.isArray(item))) break  }  return res};

3、Promise

要求

const myPromise = val => Promise.resolve(val);const delay = duration => {  // ...};myPromise(`hello`)  .then(delay(1000))  .then(val => console.log(val)); // 一秒之后输入 hello

解题

const delay = duration => {  return (val) => (    new Promise((resolve, reject) => {      setTimeout(() => resolve(val), duration)    })  )};

三面

1、我的项目细节询问

略。。。

2、Vue 源码有读吗 - 响应式原理，nextTick

能够看我的Vue源码解析专栏

3、最近有没有钻研什么新技术？

唱跳rap

4、我的项目优化有哪些实际？

略。。。依据本人我的项目答复这几方面：

  • 1、业务方面优化
  • 2、申请方面优化
  • 3、打包方面优化

  • 4、架构方面优化

    5、V8 如何执行一段代码？

  • 第一步： Parser 将代码转转 AST（形象语法树）
  • 第二步： 解释器Ignition 生成字节码

  • 第三步：执行

    6、72-编辑间隔

    不会。。已收集到大厂算法题中

    7、226-翻转二叉树

    不会。。已收集到大厂算法题中

    8、性能优化的实际？

    略。。。依据本人我的项目答复。。

    9、有其余想问的吗？

    我帅吗

结语

我是林三心，一个热心的前端菜鸟程序员。如果你上进，喜爱前端，想学习前端，那咱们能够交朋友，一起摸鱼哈哈，摸鱼群，加我请备注【思否】