滴滴一二面梁经

# 滴滴

# 一面

1. 自我介绍
2. url在输入浏览器的过程中经历了什么
3. 你理解的闭包,闭包的应用场景和会引起什么
4. 日常使用的优化办法
5. webpack优化办法
6. 强缓存和协商缓存
7. 讲一下项目中低代码部分实现逻辑
8. 讲讲浏览器的渲染过程
9. 讲讲在浏览器渲染过程中JS是在什么时候执行的
10. 代码题输出:

1) 最后I’am here文字的大小,你怎么判断的

```html
 <style type=&quot;text/css&quot;>
    #a {font-size:12px}
    div p{ font-size:13px }
    .a .b .c{ font-size:15px }
    #b{ font-size:15px }
    div .c{ font-size:15px }
</style>
<div id=&quot;a&quot; class=&quot;a&quot;>
    <div id=&quot;b&quot; class=&quot;b&quot;>
         <p id=&quot;c&quot; class=&quot;c&quot;>I’am here</p>
    </div>
</div>
```

css的选择器优先级,id选择器大于class选择器大于标签选择器。

2) 这个li会呈现什么效果什么颜色,为什么?

```html
<style>
    #header .nav > li a:hover {  
        color: green;  
    }
    .nav li a:hover {  
        color: red;  
    }  
</style>

  <div id=&quot;header&quot;>  
      <ul class=&quot;nav&quot;>  
          <li><a href=&quot;#&quot;>Link 1</a></li>  
          <li><a href=&quot;#&quot;>Link 2</a></li>  
          <li><a href=&quot;#&quot;>Link 3</a></li>  
      </ul>  
  </div>  
    
  <ul class=&quot;nav&quot;>  
      <li><a href=&quot;#&quot;>Link 4</a></li>  
      <li><a href=&quot;#&quot;>Link 5</a></li>  
  </ul>
```

3)这个过程的结果是什么,怎么让其输出0,1,2…

```jsx
for (var i = 0; i < 6; i++) {
  setTimeout(() => {
    console.log(i)
  })
}
```

结果输出6个6,改变var为let可以变为0,1,2,3,4,5

还可以用:立即执行函数表达式

```jsx
for (var i = 0; i < 6; i++) {
  (function(i) {
    setTimeout(() => {
      console.log(i);
    }, 0);
  })(i);
}
```

4)这个结果是什么

```jsx
const obj = {
    a: 1,
    b: function(){
        return setTimeout(
            function(){
                console.log(this.a)
            }
        )
    }
}
obj.b()
```

答案,指向的是window上的a

那要怎么让this指向obj呢?

1. 使用箭头函数

```jsx
const obj = {
    a: 1,
    b: function() {
        return setTimeout(() => {
            console.log(this.a); // 这里的 `this` 指向 obj
        });
    }
};
obj.b(); // 输出 1
```

1. 使用bind

```jsx
const obj = {
    a: 1,
    b: function() {
        return setTimeout(function() {
            console.log(this.a);
        }.bind(this)); // 显式绑定 this 到 obj
    }
};
obj.b(); // 输出 1
```

1. 使用变量保存(回答的这个)

```jsx
const obj = {
    a: 1,
    b: function() {
        const self = this; // 保存 this
        return setTimeout(function() {
            console.log(self.a); // 使用保存的 this
        });
    }
};
obj.b(); // 输出 1
```

5)将下面的代码转换为clas的形式

```jsx
function Modal(x,y){
    this.x=x;
    this.y=y;
}
Modal.prototype.z=10;
Modal.prototype.getX=function(){
    console.log(this.x);
}
Modal.prototype.getY=function(){
    console.log(this.y);
}
Modal.n=200;
Modal.setNumber=function(n){
    this.n=n;
};
let m = new Model(10,20);
```

```jsx
class Modal {
  z = 10;
  // 构造函数
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  // 实例方法
  getX() {
    console.log(this.x);
  }

  getY() {
    console.log(this.y);
  }

  // 静态属性
  static n = 200;

  // 静态方法
  static setNumber(n) {
    this.n = n;
  }
}

// 创建实例
let m = new Modal(10, 20);
```

6)对象查找,说下思路

```jsx
find(obj, str),满足:
var obj = {a:{b:{c:1}}};
find(obj,'a.b.c') //返回1
find(obj,'a.d.c') //返回undefined 
```

答案:

```jsx
var obj = { a: { b: { c: 1 } } };

const find = (obj, str) => {
  if (!(obj !== null &amp;&amp; typeof obj === &quot;object&quot;)) return;
  const arr = str.split(&quot;.&quot;);
  console.log(arr);
  const result = arr.reduce((pre, cur) => {
    return pre[cur];
  }, obj);
  return result;
};

find(obj, &quot;a.b.c&quot;); //返回1
find(obj, &quot;a.d.c&quot;);
```

反问:建议

需要注意项目打包流程上的东西,以及优化相关,webpack,项目部署方面的东西。

部门主要使用技术栈:vue2+webpack,node,axios,部分新项目vue3

# 二面

1. 自我介绍
2. 怎么学习前端的,学习前端契机
3. 讲一下项目里面的难点
4. 手写,实现一下简历中第一个响应式
5. 讲一下HTTP的五层结构
6. tcp和udp的应用场景
7. 说一下TCP的拥塞控制
全部评论
这二面为啥挂,感觉没问啥啊
点赞 回复 分享
发布于 2024-09-29 03:08 甘肃
这么强了还挂啊
点赞 回复 分享
发布于 2024-09-28 20:49 河南

相关推荐

06-13 17:33
门头沟学院 Java
顺序不记了,大致顺序是这样的,有的相同知识点写分开了1.基本数据类型2.基本数据类型和包装类型的区别3.==和equals区别4.ArrayList与LinkedList区别5.hashmap底层原理,put操作时会发生什么6.说出几种树型数据结构7.B树和B+树区别8.jvm加载类机制9.线程池核心参数10.创建线程池的几种方式11.callable与runnable区别12.线程池怎么回收线程13.redis三剑客14.布隆过滤器原理,不要背八股,说说真正使用时遇到了问题没有(我说没有,不知道该怎么回答了)15.堆的内存结构16.自己在写项目时有没有遇见过oom,如何处理,不要背八股,根据真实经验,我说不会17.redis死锁怎么办,watchdog机制如何发现是否锁过期18.如何避免redis红锁19.一个表性别与年龄如何加索引20.自己的项目的QPS怎么测的,有没有真正遇到大数量表21.说一说泛型22.springboot自动装配原理23.springmvc与springboot区别24.aop使用过嘛?动态代理与静态代理区别25.spring循环依赖怎么解决26.你说用过es,es如何分片,怎么存的数据,1000万条数据怎么写入库中27.你说用limit,那么在数据量大之后,如何优化28.rabbitmq如何批次发送,批量读取,答了延迟队列和线程池,都不对29.计网知不知道smtp协议,不知道写了对不对,完全听懵了30.springcloud知道嘛?只是了解反问1.做什么的?短信服务,信息量能到千万级2.对我的建议,基础不错,但是不要只背八股,多去实际开发中理解。面试官人不错,虽然没露脸,但是中间会引导我回答问题,不会的也只是说对我要求没那么高。面完问我在济宁生活有没有困难,最快什么时候到,让人事给我聊薪资了。下午人事打电话,问我27届的会不会跑路,还在想办法如何使我不跑路,不想扣我薪资等。之后我再联系吧,还挺想去的😭,我真不跑路哥😢附一张河科大幽默大专图,科大就是大专罢了
查看30道真题和解析
点赞 评论 收藏
分享
评论
8
23
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务