腾讯前端一面

本人碰到的问底层原理,源码和性能优化最多的一次面试 基本全程都在问(以下是大概回忆的一些问的东西,应该还有遗漏的地方,除去手写题面试时间大概接近1小时)
1.diff算法的源码中是怎么做的
2.ssr 性能优化相关
3.前端性能指标LCP 这个最大的内容底层是用什么算法计算的
4.LCP FMP FCP 为什么选择FCP作为衡量指标而不是其他指标
5.虚拟列表 item固定高度和不固定高度是怎么做的
6.tree shaking底层是怎么做的
7.前端和客户端交互 底层是怎么实现的
8.图片压缩算法 介绍一下
9.webp后缀的图片所用的压缩算法
10.性能优化手段 极端一点的优化手段
11.vue3相比vue2源码在diff算法层面上的优化
12.组件通信 生命周期
13.手写题 只给了一个数组 将其用原生js以树形折叠菜单形式展示在页面上 大概思路就是1.数组转成树形结构数组 2.通过树形结构数组渲染dom并且给第一层以后的结构的dom前面动态添加margin-left,具体值需动态控制
14.反问评价 面试结果得下去和同事商议一下 建议:有些底层还需深入了解这样有利于以后决策的时候考虑更全面
(面完1个多小时 看到官网状态变复试了)
全部评论
太吓人了,就离谱😢
点赞
送花
回复 分享
发布于 05-14 09:14 浙江
哈人
点赞
送花
回复 分享
发布于 05-18 23:53 浙江
国泰君安
校招火热招聘中
官网直投

相关推荐

WebSocket是一种在Web应用程序中实现实时双向通信的技术。它提供了一种持久连接,允许服务器与客户端之间进行双向数据传输。与传统的HTTP请求/响应模型不同,WebSocket允许服务器主动向客户端发送消息,而不需要客户端发起请求。要在Web应用程序中使用WebSocket进行实时通信,需要执行以下步骤:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48创建一个WebSocket对象:使用JavaScript的WebSocket构造函数创建一个WebSocket对象,指定要连接的服务器URL。例如:var socket = new WebSocket("ws://example.com/socket-server");监听WebSocket事件:使用WebSocket对象的事件监听器来处理WebSocket的各种事件,例如onopen、onmessage、onclose和onerror。这些事件将在WebSocket状态变化、接收到消息、关闭连接或发生错误时被触发。建立连接:一旦创建了WebSocket对象,通过调用其open()方法建立与服务器的WebSocket连接。当连接建立成功时,onopen事件将被触发。发送和接收消息:使用WebSocket对象的send()方法向服务器发送消息,消息可以是字符串或其他数据类型。服务器接收到消息后,可以使用WebSocket对象的onmessage事件来处理。关闭连接:当需要终止WebSocket连接时,可以调用WebSocket对象的close()方法。服务器会收到一个关闭请求,如果确定关闭连接,会发送一个关闭信号给客户端并触发onclose事件。通过使用WebSocket,Web应用程序可以实现实时的双向通信,适用于聊天应用、实时通知、实时更新和协同编辑等场景。
点赞 评论 收藏
分享
7 24 评论
分享
牛客网
牛客企业服务