叮咚买菜、携程、米哈游等公司前端高级工程师社招面经

#面试挺累人的,每天下班后赶回家饿着肚子面试,面了将近一个月,大概就一个中厂的水平吧。面试完最好进行一个复盘,查漏补缺。希望能对自己有帮助,对大家也有帮助吧。

 

一、携程

对着简历问一遍

rem,计算出375的屏幕,1rem,单位出现小数怎么处理

javascript精度问题的原因

axios用途

性能优化的点,webpack分包,首页资源大小,请求优化,gzip之前还是之后,React重新渲染

国际化站点,cdn,在页面什么阶段加载国际化文件,如果有20多个语言该怎么做

ssr有没有用过

项目中websocket是解决了什么问题

DOM, BOM, js的关系

React dom绑定事件,与原生事件有什么区别

http2多路复用

代码题

 

 if (!('a' in window)) {

 

   var a = 1;

 

 }

 

 console.log(a);

    var a = {}; var b = {}; var c ={};

    console.log(a === b);

    console.log(b === c);

    console.log(a === c);

    var d = e = f = {};

 

    f = {}

    e = f

    d = e

 

    console.log(d === e);

    console.log(d === f);

    console.log(e === f);

 

 

 

米哈游:

http状态301,302,304,缓存相关字段

cookie、ws是否跨域

触发bfc的方式

rem和vw的使用场景

伪代码实现下懒加载

某外企:

一、

下面函数是闭包吗?

const func = ()=> {

   const a = '111'

   const fun2 = ()=> console.log(a)

   return ()=> console.log('_')

 

}

 

const next = func()

 

'12345'.split('')

 

上述代码发生了什么

 

下面代码打印的是

 

console.log("12345" instanceof Object);

 

实现一下some, every

flatten实现

 

const promise = new Promise(resolve => {

 

  console.log("11111");

  setTimeout(() => {

    console.log("22222");

 

  }, 0);

 

  resolve();

  console.log("resolve");

  throw new Error("error");

  console.log("error");

});

promise

  .then(

    () => {

      console.log("33333");

      setTimeout(() => {

        console.log("44444");

      }, 0);

    },

    () => {

      console.log("reject");

    }

  )

  .catch(() => {

    console.log("catch");

  });

 

console.log("55555");

 

 

函数组件怎么阻止重复渲染

二、

AST作用or babel实现原理

实现自定义hooks,usePrevious。setcount(count => count + 1)后输出上一次count的值

 

 

 

 

美团:

一、

自我介绍中提到了性能优化,说了说性能优化的点

不同域名共享cookie

on, emit,实现

防抖的实现

输入url到页面返回结果

缓存的实现方式

React组件重复渲染

webpack分包

 

 

字节:

一、

Webpack插件,生命周期

umi约定式路由怎么实现的

babel实现远原理

React ref

fib实现,如何优化

 

 

盒马:

一、

说出你最擅长的部分,追问

webpack拆包的依据。1.被多个模块使用,cache起来2.资源过大

canvas点击线段事件。重合区域怎么处理

webWorker的使用:为什么不在worker里面发出请求,做数据转换呢?

太美医疗:

generate函数和async区别

webpack插件实现

 

 

叮咚买菜:

一、

Vue,React使用情况

父子组件的mounted调用顺序

$nextTick实现原理

子元素水平垂直居中

斐波那契数列如何优化

业务题:封装一个全局的弹窗,在任何组件内都可以调用。追加:如何同时打开5个弹窗,关闭顺序又如何

二、

封装Vue插件

5个弹窗

$nextTick原理

手机号码分割_ _ _ - _ _ _ _ - _ _ _ _

最大字符串数,“abcdabcda” 求最长的不重复字符串

兄弟组件通信

vuex模块化怎么做

不同域名如何共享cookie

总结:

对于3~5年的前端开发来说,不应该仅仅是停留在会用API的层面,至少要关注到你使用的技术的一些原理实现。这也是大厂考察候选人钻研精神吧,相对来说有一个区分度。个人建议最好精通一个方向,比如:

前端工程化,webpack, babel, Node等。

精通框架源码

可视化,3D方向

流媒体,音视频


#美团##携程##米哈游##社招##面经##字节跳动#
全部评论
需要米哈游内推可以私我!!!
1 回复
分享
发布于 2021-08-24 14:22
还在看机会吗,微软这边也有大量HC
点赞 回复
分享
发布于 2021-10-17 22:29
阿里巴巴
校招火热招聘中
官网直投
几年经验呀
点赞 回复
分享
发布于 2021-12-05 16:44

相关推荐

4 28 评论
分享
牛客网
牛客企业服务