代码和男人都读不懂 level
获赞
57
粉丝
9
关注
3
看过 TA
587
广州市黄埔职业技术学校
2025
前端工程师
IP属地:重庆
暂未填写个人简介
私信
关注
牛客880205450号:KPI面不要太较真
0 点赞 评论 收藏
分享
# 滴滴# 一面1. 自我介绍2. url在输入浏览器的过程中经历了什么3. 你理解的闭包,闭包的应用场景和会引起什么4. 日常使用的优化办法5. webpack优化办法6. 强缓存和协商缓存7. 讲一下项目中低代码部分实现逻辑8. 讲讲浏览器的渲染过程9. 讲讲在浏览器渲染过程中JS是在什么时候执行的10. 代码题输出:1) 最后I’am here文字的大小,你怎么判断的```html <style type="text/css">    #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="a" class="a">    <div id="b" class="b">         <p id="c" class="c">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="header">        <ul class="nav">            <li><a href="#">Link 1</a></li>            <li><a href="#">Link 2</a></li>            <li><a href="#">Link 3</a></li>        </ul>    </div>        <ul class="nav">        <li><a href="#">Link 4</a></li>        <li><a href="#">Link 5</a></li>    </ul>```3)这个过程的结果是什么,怎么让其输出0,1,2…```jsxfor (var i = 0; i < 6; i++) {  setTimeout(() => {    console.log(i)  })} ```结果输出6个6,改变var为let可以变为0,1,2,3,4,5还可以用:立即执行函数表达式```jsxfor (var i = 0; i < 6; i++) {  (function(i) {    setTimeout(() => {      console.log(i);    }, 0);  })(i);}```4)这个结果是什么```jsxconst obj = {    a: 1,    b: function(){        return setTimeout(            function(){                console.log(this.a)            }        )    }}obj.b()```答案,指向的是window上的a那要怎么让this指向obj呢?1. 使用箭头函数```jsxconst obj = {    a: 1,    b: function() {        return setTimeout(() => {            console.log(this.a); // 这里的 `this` 指向 obj        });    }};obj.b(); // 输出 1```1. 使用bind```jsxconst obj = {    a: 1,    b: function() {        return setTimeout(function() {            console.log(this.a);        }.bind(this)); // 显式绑定 this 到 obj    }};obj.b(); // 输出 1```1. 使用变量保存(回答的这个)```jsxconst obj = {    a: 1,    b: function() {        const self = this; // 保存 this        return setTimeout(function() {            console.log(self.a); // 使用保存的 this        });    }};obj.b(); // 输出 1```5)将下面的代码转换为clas的形式```jsxfunction 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);``````jsxclass 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)对象查找,说下思路```jsxfind(obj, str),满足:var obj = {a:{b:{c:1}}};find(obj,'a.b.c') //返回1find(obj,'a.d.c') //返回undefined ```答案:```jsxvar obj = { a: { b: { c: 1 } } };const find = (obj, str) => {  if (!(obj !== null && typeof obj === "object")) return;  const arr = str.split(".");  console.log(arr);  const result = arr.reduce((pre, cur) => {    return pre[cur];  }, obj);  return result;};find(obj, "a.b.c"); //返回1find(obj, "a.d.c");```反问:建议需要注意项目打包流程上的东西,以及优化相关,webpack,项目部署方面的东西。部门主要使用技术栈:vue2+webpack,node,axios,部分新项目vue3# 二面1. 自我介绍2. 怎么学习前端的,学习前端契机3. 讲一下项目里面的难点4. 手写,实现一下简历中第一个响应式5. 讲一下HTTP的五层结构6. tcp和udp的应用场景7. 说一下TCP的拥塞控制
0 点赞 评论 收藏
分享
瞳zoe:佬啥时候面的,我也是二面的时候面试官问了一个项目没听懂就没问了,后面全是八股,中间还接了两次电话,也没有手撕,感觉也是kpi
字节跳动二面490人在聊 查看8道真题和解析
0 点赞 评论 收藏
分享
1.传音控股  2月23   3月1  半个小时1)url键入浏览器的整个流程2)前端中有哪些优化方法?3)===和==的区别4)react的element和component有什么区别5)了解关系型数据库吗6)react和vue有什么区别?为什么选择react7)反问:进入项目组后有没有导师带领?2.蓝色光标   2月29  一个小时1)项目难点,介绍项目,实习中遇到的问题2)什么时候接触的前端?一般是怎样学习前端的?3)使元素居中有哪些办法(position,display:flex,line-height)4)判断数据类型有哪些办法?(typeof,instanceof,分别讲instanceof有哪些区别)5)typeof null为什么等于object(空指针,js存储对象在头部)6)原始类型和引用类型分别是哪些?(引用:object  使用堆,原始:除了object之外的基本数据类型使用栈)7)两个div嵌套,两个div上面都有对应的click事件,点击里面的那个div,请问哪个先触发?(里面那个先触发,事件冒泡、事件捕获、事件委托)8)场景题:如果有一个div,不论怎么伸缩页面,怎么使它的宽高呈现1:29)你知道除了px和%这些还有什么定义元素大小的单位吗?(rem,em分别将两者区别)10)padding-top:10%是以什么为基准的?**margin-top/bottom(padding-top/bottom)百分比以最近的块级祖先元素的宽度而不是高度作计算。**11)知道哪些预处理器(less,sass)12)知道sass中怎么定义变量的吗?13)你知道css中怎么定义变量吗?14)怎么在数组的开头加一个数据?(unshift(arg1,arg2…))15)手撕:排序算法16)反问:您认为我本身还需加强哪方面的技术?在面试自我介绍时您最希望听到什么?(算法加强,最希望听到技术栈、实习或者项目中的难点)3.锐明技术  3月4日 半个小时1)自我介绍2)音频有几种格式3)HTTP和HTTPS的区别4)TCP和UDP的区别5)我们现在进行的视频属于TCP还是UDP6)一般UDP运用在哪些场景中7)webpack怎么进行打包的8)C/C++的区别9)websocket原理10)介绍一下自己的技术11)反问4.喜马拉雅   3月6日1)自我介绍后,上来先两道题,看题说输出function cc() {    let i = 0;    return () => {        console.log(i++);    }}var fn1 = cc(), fn2 = cc();fn1();fn1();fn2();// 0 1 0function cc() {    let obj = {};    let arr = [];    for (let i = 0; i < 3; i++){        obj.a = i;        arr.push(obj)    }    console.log(arr);}cc();//  [{a:2},{a:2},{a:2}]2)如果要将数组里面的元素打乱应该用什么办法?3)说一下快排的思路4)css元素居中对齐5)GET和POST的区别6)状态码里面的302和304是什么7)强缓存是什么8)节流和防抖的主要场景9)项目难点,主要进行的什么10)说一下react中的useEffect、useCallback和useState11)useEffect里面的return发生在什么时候12)分别说一下setTimeout和setInterval13)讲一下事件循环14)说下深拷贝15)服务端设置cookie的时候的请求头是什么样的16)跨域是什么?怎么实现跨域?cors是什么原理?17)position属性有哪些?absolute属性是以什么为基准的。18)讲一下你项目,里面用的验证方法是什么?19)web安全有哪些?简单讲一下是什么20)怎么控制并发请求数在十个以内?21)call和apply两个简单说一下22)怎么封装一个状态管理器?23)反问(面试有几轮,多少天出结果,主要做什么业务)5.绿盟    3月8日1)自我介绍2)简单介绍一下项目中用到的技术栈3)react的钩子你项目中用到哪些,介绍一下4)react和vue之间的主要区别5)介绍一下react中的ref6)项目中怎么解决跨域的?7)项目中antd用得最多的是什么组件?8)讲一下webpack9)css居中对齐10)研几了?学硕还是专硕?有课没?多久能到岗?实习多久?论文方向是什么?11)反问6.特斯联  3月8日1)自我介绍2)简单介绍一下项目做了什么3)讲一下你对promise的理解4)如果要让你自己封装一个promise你会怎么做5)react中的父子组件、兄弟组件之间应该怎么传递信息6)react router说一下你对它的认识?知道里面hashRouter和BrowserRouter的区别吗?7)说一下css中哪些会产生重绘和重排的情况8)redux中获取信息一般用什么?知道dispatch和mutation的区别吗9)你项目中怎么用的redux10)反问?
查看23道真题和解析
0 点赞 评论 收藏
分享

创作者周榜

更多
关注他的用户也关注了:
牛客网
牛客企业服务