数字马力校招前端两面面经
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的作用 如果不加
一面
● 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-17 02:50
门头沟学院 前端工程师 点赞 评论 收藏
分享