数字马力校招前端两面面经

ps:这个面试试过了,最后拒了
一面
● css请求失败会阻塞页面渲染吗,js呢  css不会阻塞html解析但是会阻塞渲染
● performance面版看哪些指标 加载日志,怎么看——看各种数据曲线变化 cpu 帧率 、主线程各种任务task的调用栈,执行时间(具体到某一function的耗时),找出长任务
  ○ LCP FID cls INP 
  ○ 出现峰值特别高怎么排查,可能是由哪些情况引起的
  ○ Devtools:各种性能指标 
● 内存泄露怎么看
● for 循环大量数据怎么处理
  ○ 把前面缓存的转为一个对象,判断是否在里面,空间换时间——源码
  ○ 倒序 先排序然后判断
● 拖拽功能原生怎么实现——监听鼠标点击事件 后移动js设置position或者动态加类名样式:translate
● react vue 差别 异同、分别适合哪种项目
● react vue源码 
  ○ vue computed中 如果一个变量没有使用,依赖会被收集吗
  ○ vue中依赖收集发生什么时候
二面
[X] 地图项目中加载优化、
  ○ 长任务、图片:取消不必要请求、缓存(数组存del cache)、减少重排重绘(transform)
[ ] 自己没做过的功能怎么技术调研
[X] 优化10%怎么得出的
[X] 什么情况react会发生重新渲染·······
[X] 在react函数组件内部 又声明了个函数使用的时候通过:函数调用、createelement 两种调用有什么区别
[ ] react diff机制 节点怎么复用
[ ] 组件、节点加key和不加有什么区别···
[ ] react闭包,!!·····
[ ] react怎么捕获渲染间的异常、加载间 、 后端返回的数据格式和之前写的不一样·····
[ ] 错误边界、boundary component······
[ ] 页面性能优化
  ○ lcp fcp fid  把lcp展开说 css、js 压缩 延迟加载
  ○ cdn
[ ] es模块和cjs 区别
[ ] cjs 用require导入是在什么时候加载的 执行? 编译?
[ ] 打包优化
[ ] 仓库 提供了cjs 、esm 两个版本,使用的时候,两种产物有什么不同
[ ] tree-shaking  只有esm 可以
[ ] 加key的作用 如果不加
全部评论
啥时候面的 这是秋招吗
点赞 回复 分享
发布于 03-15 20:55 河南
强度不低啊
点赞 回复 分享
发布于 03-14 00:12 天津
这么难
点赞 回复 分享
发布于 03-13 13:21 广东

相关推荐

09-10 16:27
已编辑
西安电子科技大学 Web前端
9-4 一面(35min)1. 简单介绍了一下项目。2. webgl、three.js、canvas 的关系是什么?3. 你们的建模是自己怎么处理的,自己建模时有没有接触过模型动画?4. meshopt 会有编码解码的时间吗5. 在三维开发有没有遇到内存泄漏的问题,怎么排查和解决的?6. 有没有写过 shader7. TCP 与 UDP 的区别?8. TCP 是如何保证可靠传输的?9. 介绍一下 http2.0 与 http3.0?10. vue2 与 vue3 的区别?11. react 与 vue 的区别?12. 了解 SSR 吗 与 CSR 的区别?服务端返回 html ,客户端做了什么?13. 平常打包工具用的哪些?举例子讲一讲 webpack 的 treeshaking?14. 有没有了解大模型相关知识?15. 算法题?9- 9 二面(50min)1. 拷打项目。2. 团队内编码习惯不一样,如何共同维护一个项目。3. 除了利用 eslint 设置规范,在项目中有一些语法不允许使用,如何在提交过程中扫描出来,提示给开发者。4. 如何使用 webpack loader 进行实现上述功能。5. 如何区分是写了字符串还是黑名单中的语法呢?6. webpack loader 与 plugin 的区别?7. webpack 与 vite 的区别?8. react  与 Vue 的区别?9. vue 的响应式原理。10. 大型项目上线之后出现性能太慢的问题,怎么解决(从哪些维度量化性能问题)11. MongoDB与MYSQL的区别12. 购物车中的数据缓存选择什么技术方案13. 手撕 promiseAll
查看50道真题和解析
点赞 评论 收藏
分享
09-24 11:34
已编辑
电子科技大学 前端工程师
一面 2025.8.20一个页面的URL放到浏览器的搜索栏上直到看到整个页面的展现,这中间都发生了什么拿到静态数据的 JS 和CSS去进行渲染,那渲染的这一部分都发生了什么DNS 解析这一部分你觉得我们前端会遇到一些什么样的问题?你遇到过吗Nginx 解决跨域时它是一个怎么样的角色JS 有哪些数据类型基本数据类型跟引用数据类型,它俩的差别是什么怎么判断一个变量的值是不是一个空对象实现深拷贝什么样的场景会产生内存泄漏的问题盒模型position默认值二面 2025.8.29promise 主要解决的是一个什么问题promise 可以被多次决议吗原型链从一个对象上面取一个 a 属性,这个过程是什么样的原型链的顶端是个什么东西有什么方法能够判定一个属性是在对象自身上,还是在它的原型链上for in 和 for of 有什么区别有哪几种方式能够实现一个对象的继承构造函数和普通函数的区别是什么当我用一个 new 关键字去调这个函数的时候,它实际上发生了哪些事情一个函数是如何知道自己是以普通方式被调用的还是被 new 的方式调用的await 怎么捕获异常try catch 可以捕获一个 promise 的异常吗代码:二维数组查找。数组中每一行数字数量不固定,但是数字定是全局递增的,输入一个数字,返回该数字在二维数组中的位置,如果找不到,返回-1。二面挂
查看25道真题和解析
点赞 评论 收藏
分享
评论
6
55
分享

创作者周榜

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