• 美团秋招前端面经总结（一面）
• 美团秋招前端面经总结（二面）
• 美团秋招前端面经总结（三面）

JavaScript

• promise 的原理和事件循环
• onload、DOMReady 的区别
• 原生 js 实现一个事件绑定和一个事件解绑的函数。
• const 和 let 什么区别
• let c = a; c等于什么？
• 箭头函数能修改 this 吗？

CSS

• 两栏布局，左栏定宽 100px，右边自适应
• 红色区域的宽度、高度分别是多少？

.test{
  width: 100px;
  height: 80px;
  border: 20px solid red;////
  background: red;//////
  padding: 20px;
  margin: 20px;
  box-sizing: border-box;（如果是content呢？）
}

运行环境

• amd，cmd 规范
• 用户页面打开很慢，有哪些优化方式？
• webpack 打包原理？

框架

react

• react的虚拟dom了解多少？这种类型的框架和传统的jq操作dom的优势？
• diff算法？说了一下虚拟dom如何实现，diff算法做了什么优化
• react的高阶组件？
• redux 的原理是什么？

Vue

• 组件之间通信的方式哪些？
• watch 中 deep 和 immediate 的作用？
• v-if / v-show 的区别
• key 有什么作用？index 当作 key

网络

• get post请求区别。
• get 请求的数据放在哪，post 呢
• get 为什么不安全
• XSS 是什么
• get 除了能在 url 里，还能在哪
• 为什么要跨域
• 同源策略到底保护的是什么
• 跨域的方法
• 实现一个 JSONP
• CORS 原理
• CORS 怎么请求。
• 为什么 get 是简单请求，post 是复杂请求。
• get 和 post 的幂等、put 是幂等吗
• 浏览器事件传播过程有哪几个阶段
• ookie session 有什么作用

开放式问题

• 项目中遇到国哪些印象深刻的技术难题，具体是什么问题，怎么解决？
• 自己学习 react 的经历，如何快速学习并投入公司项目当中的
• 语义化一个表单(应该这个意思吧，没太懂)
• table 表单存储的到底是什么数据
• table和 ul，ol 本质上区别是什么
• 会做游戏吗  
• 让你实现一个连连看怎么做
• 你这个算法最核心的地方具体怎么做
• 为什么这么多大学生选择程序员这种工资不是最 Top,但是又很累的职业
• 为什么程序员普遍工作时间长
• 为什么井盖是圆的
• 精确估计成都的小汽车数量和出租车数量

算法 & 编程

• 说一下你了解的数据结构
• 说一下这些数据结构的适用场景
• 什么场景使用二叉树，为什么要创造出二叉树这种数据结构
• 给定数组 ['1a','2b','9c','5a'] ，输出出现次数最多的字母前数字之和 （此例最多字母为a，和为6）
• 数组拍平：将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组

输入：[1,2,[3,4,[5,6],'7'],'a,b]c']
输出：[1,2,3,4,5,6,'7','a,b]c']

参考链接

https://juejin.cn/post/6844903692626296846
https://www.***r.com/discuss/524203?type=all&order=time&pos=&page=1&channel=-1&source_id=search_all_nctrack
https://www.***r.com/discuss/555068?type=all&order=time&pos=&page=1&channel=-1&source_id=search_all_nctrack