前言

美团笔试做的不太好，没想到也能进一面。但腾讯这几天的效率真的高，已经offer call了，在此之前已经约定了美团一面...没必要拒绝了

一面面试问题

  • 什么时候开始学前端的？(感觉是因为我说了有段时间喜欢写样式效果，后面一直在问样式和布局)

css部分（这部分文字表达真的苍白）

  • 用的是牛客视频面试，面试官直接拿面试页面举例：“设备信息”标签页下的表格，用Vue组件实现的思路

  • 左边这一列（在线、系统、浏览器...服务器），想要给他倒置顺序显示
    （我说数据数组reverse、flex布局子元素order、后来面试官提醒了transform平移或旋转）

  • css同心圆怎么实现...（面试官是拿图片展示的，像是飞镖的那个靶子）
    我说了div嵌套覆盖、或者用几层box-shadow，面试官还问有没有其他方法TT

  • css中: 和 :: 分别是什么？
    :hover这种是伪类、::after这种是伪元素
    这题面试官就是为了提醒我，css同心圆可以用伪元素实现...
    我还***的自己提了一句用伪元素清除浮动，自己其实有点忘了关于浮动的知识了

Vue部分

  • computed和watch有什么区别
    我说了Vue官网 fullName = firstName + lastName的例子 和 搜索框侦听值的变化去发送请求 的例子

  • 让你实现watch你会怎么做？
    我提了Object.defineProperty

  • $nextTick的作用

js部分

  • Promise在catch捕获了错误之后，后面的then还会执行吗

    .then()
.then()
.catch()
.then()

  • 浏览器的event loop

  • PWA了解吗？知道React Native和Flutter是什么吗？

网络

  • 同源策略？那跨域了怎么解决？具体原理？

  • 反向代理？透明代理？

  • http2

编程部分

  • 实现函数，达到这种效果（函数参数数量没有限制，并且能一直调用下去。后来知道了是函数柯里化）

    add(1,2)(3)  //6
add(1)(2)(3) //6
add(1,2,3)   //6

  • 打乱数组元素、扑克牌洗牌

二面面试问题

  • 自我介绍

  • 你代码量怎么样？平时会写一些有助于生活、学习的小项目吗？

  • 你最近有在准备面试吧？说说你印象深刻的知识点
    （我说了浏览器缓存）

  • 了解http2吗？
    （一面问到了，我没回答好，后来我就查了查，结果二面又问了。学习态度真的挺重要的）

  • DNS工作原理
    （将域名转化为ip地址，递归查询、迭代查询）

  • cdn

  • 讲讲http和https的区别

  • 上次一面问的洗牌程序、柯里化你现在会了吗？

  • 了解微队列吗？哪些异步任务算是微队列呢？

  • 对dom元素的innerHTML进行赋值之后，想进行回调操作怎么办？
    （当时也不太理解，就说了document.ready；听面试官的意思好像是浏览器重新布局和渲染的任务属于微队列，要进行操作的话，可以用Promise再在后面添加一个微任务，就能进行操作了）

回顾

有一些问题我的确没有回答上来，我要继续查缺补漏了。
一面面试官人很好很和蔼，回想起来，每次我没有思路，面试官都会问相关知识点提醒我，可是我的确不会/暴风哭泣
后来反问环节，知道了我面试的部门是“美团金服”，感觉美团的技术氛围应该会很好。
二面面试官也很有魅力，对一些我没有回答上来的问题也进行了解释，感觉面试完自己能力都得到提升了。

如果发现有错误，欢迎指正~