2022-10-08大厂面经00
请注意,本文编写于 55 天前,最后修改于 55 天前,其中某些信息可能已经过时。

图森未来面试

一面-代码面试

简单介绍下实习情况
Game One

给定一个字符串,找出不含有重复字符的 最长子串 的长度。

示例:

给定 “abcabcbb” ,没有重复字符的最长子串是 “abc” ,那么长度就是3。

给定 “bbbbb” ,最长的子串就是 “b” ,长度是1。

给定 “pwwkew” ,最长子串是 “wke” ,长度是3。请注意答案必须是一个子串,“pwke” 是 子序列 而不是子串。

Game Two

了解Promise.all吗?写一个实现吧

// 现场版本
Promise.all = (arr) => {
    if(!Array.isArray(arr)){
        throw typeError('error!');
    }
    return new Promise((resolve,reject) => {
        let resValue = [];
        const len = arr.length;
        let count = 0;
        for (let [i,item] in arr){
            Promise.resolve(item).then(res=>{
                count++;
                resValue[i] = res;
                if (count === len) {
                    resolve(resValue);
                }
            },err=>{
                reject(err);
            })
        }
    })
}
Game Three
给定一个字符串生成对应的DOM树。
PS:除了字母外,只会出现(. # > +)符号
example:
html

 input                 output
 
'div.a' =>        <div class="a"></div>
'div#a' =>        <div id="a"></div>
'div.a>span.b' =>  <div class="a"><span class="b"></span></div>
'div#a>p.b+p.c' => <div id="a">
                    <p class="b"></p>
                    <p class="c"></p>
                  </div>

二面 - 应用实践

讲讲浏览器事件循环机制,宏任务有哪些?微任务有哪些?
console.log('1')setTimeout(function() {
  console.log('2')
}, 0)
new Promise(resolve => {
  console.log('3')
  resolve()
  console.log('4')
})
  .then(function() {
    console.log('5')
  })
  .then(function() {
    console.log('6')
  })
console.log('7');
// 1,3,4,7,5,6,2
setTimeout(function() {
  console.log('1');
  new Promise(resolve => {
  console.log('2')
  resolve()
  })
  .then(function() {
    console.log('3')
  })
}, 0)
setTimeout(function() {
  console.log('4');
  new Promise(resolve => {
  console.log('5')
  resolve()
  })
  .then(function() {
    console.log('6')
  })
}, 0)
// 1,2,3,4,5,6
讲讲浏览器性能优化?
讲讲new原理?
js原始数据类型有哪些?
输入一个url经历了什么?
讲讲BFC?
了解层叠上下文吗?
了解闭包吗?闭包有哪些用途?
了解函数式编程吗?了解纯函数吗?
redux原理?讲讲redux的工作流程?
如何实现三行文本,超出的省略号?给定一个字符串,如何用js实现三行文本换行呢?
react最新的版本做了什么改进? 为啥删除这三个生命周期?

删除了三个生命周期

setState到底是异步还是同步?
模拟实现一个弹窗组件?如何让层级在最顶层?
你是如何理解fiber的?
react 和 vuex 有什么区别?vuex原理?
为什么使用typescript?
http2 中的多路复用和http 1.1的keep-alive有什么区别?

三面

数学:如何判断一条直线与一个三角形相交?简化: 如何判断一条直线与一个线段相交?
一个xy坐标系中的无数个点,两两连线,求斜率最大的点?
数据结构:k个平均长度为n的且已经排好序的数组排序?
代码题: 写个正则实现一下功能?
abs => Abs
abs.dcs.exg => Abs Dcs.exg
abs.dxv => Abs Dxv
数据库: 讲讲数据库隔离性?
详细讲讲webSocket和http有什么不同,全双工通信是什么意思?
TCP有哪些拥塞处理方法?
详细讲进程和线程的区别?进程之间的通信方式有哪些?
数据结构:了解的排序算法有哪些?详细讲讲快排?
从浏览器输入一个url发生了什么?
详细讲讲DNS协议?
详细讲讲CORS?
详细讲讲XSS和XSRF?
讲讲babel编译原理?代码优化在babel编译中的哪一步?
一个小程序的代码很庞大,又不想砍掉功能,如何对其进行压缩?

四五面

  • 时长: 2个小时
  • 四五面应该是前端开发人员(6人),主要考察项目工程能力和实践能力

六面-总监面

  • 时长: 1个小时
  • 总监面主要介绍业务,考察合作能力和个人的职业规划

hr面

  • 时长: 20分钟
  • 问了一下实习时间,说结果会慢点,因为还有很多候选人。

本文作者:前端小毛

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!