拼多多拼越计划前端面经（凉）

一面

8月3日，时长55分钟左右

1. 你觉得Vue有哪些特色，详细说一下（说了双向数据绑定）
2. 说一下Vue组件，组件间的通信方式
3. 使用Vuex来进行数据管理整体的使用流程
4. 当Vuex中的action或其他一些操作包括异步过程怎么办
5. 手撕代码（限时15分钟）：模拟电商网站用户日志统计，日志包含用户id和操作时间time，实现一个函数，统计用户的操作分布，结果按照cnt进行降序排序；函数接受两个数组类型参数，第一个数组是日志，第二个数组是给定的时间范围

   日志：logs = [ {id: 1, time: 1}, {id: 2, time: 3}, {id: 1, time: 5}, {id: 1, time: 11}, {id: 3, time: 5} ]
   输入：find(logs, [0, 10])
   输出：[ { cnt: 2, num: 1 }, { cnt: 1, num: 2 } ]

6. let, const和var的区别
7. 块级作用域和函数级作用域
8. 普通函数和箭头函数的区别
9. 说一下this对象
10. 改变this指向的方法和它们之间的区别
11. Flex布局
12. 如何用Flex布局实现在一个导航栏中，有两个固定宽高的元素，它们分别在最左和最右，同时相对导航栏垂直居中
13. Flex: 1代表了什么
14. 浏览器解析渲染页面的流程
15. 什么情况下会阻塞渲染？（加载JavaScript）；优化的方法是什么？（设置defer/async）；defer和async的区别是什么？
16. 怎样设计一个方法得到浏览器渲染过程的时间消耗？

二面

8月7日，时长45分钟左右

1. 手撕代码：

   • 防抖

   • 节流

   • 在一个一维坐标系上有几条线段，实现一个算法求它们的和

     输入：[[1,3],[4,6]]
     输出：4

     输入：[[1,3],[2,4],[6,8]]
     输出：5
     解释：[1,3]与[2,4]有重叠部分

2. 块级元素和行内元素的区别

3. 如果一个页面全部都用<div>标签实现可以吗？不想让它们换行怎么办？（设置float）设置float时父元素有什么需要注意的？

4. 如果一个页面全部都用<p>标签实现可以吗？

5. Vue组件间通信的方式？provide/inject与props有什么区别，可以替代吗？

6. HTTPS四次握手，加密的方式，对称加密还是非对称加密

7. 不固定宽高元素如何垂直居中

总结

二面答得不是很好，好多都没有答出来。拼多多的面试系统没办法运行代码，不能调试很难受。