银河驿站面试
1. 虚拟列表与防抖搜#牛客AI配图神器#索
• 虚拟列表用于防止一次性加载所有数据,仅展示当前窗口可见的数据。
• 防抖搜索在用户停止输入后发送请求,避免频繁请求。
• 结合场景:滚动频繁时可采用节流(限制请求频率)或防抖(延迟请求)。
2. 防抖与节流的区别
• 防抖:等待用户停止操作后触发(如密码强度校验)。
• 节流:固定时间间隔内限制请求次数(如滚动事件)。
3. 分页设计
• 后端处理分页逻辑,前端懒加载非首页数据。
• 用户触发滚动时再请求后续分页数据。
4. 前端监控指标(B端管理系统)
• 采集指标:日访问量、停留时长、用户高峰时段、操作路径。
• 首屏加载时间:区分关键内容加载(FCP)和完全加载(LCP)。
5. 流式Markdown渲染
• 通过WebSocket接收分片数据,合并后统一渲染。
• 挑战:避免格式跳变(如标题层级错误),需合并分片并校验格式完整性。
后端发送过来的分片数据,第一个分片是##结尾,但是第二个分片是##开头,那么前端能够识别出####吗?
6. 大文件上传优化
• 分片上传流程:计算MD5、并发传输、分片校验与重传。
• 超大文件(1G+)改进:使用WebWorker或异步库分片,提升分片效率。
7. 代码考核
• 题目涉及:链表反转、最长公共前缀、二叉树遍历(如验证二叉搜索树)。
• 要求现场编码验证实现逻辑。
• 虚拟列表用于防止一次性加载所有数据,仅展示当前窗口可见的数据。
• 防抖搜索在用户停止输入后发送请求,避免频繁请求。
• 结合场景:滚动频繁时可采用节流(限制请求频率)或防抖(延迟请求)。
2. 防抖与节流的区别
• 防抖:等待用户停止操作后触发(如密码强度校验)。
• 节流:固定时间间隔内限制请求次数(如滚动事件)。
3. 分页设计
• 后端处理分页逻辑,前端懒加载非首页数据。
• 用户触发滚动时再请求后续分页数据。
4. 前端监控指标(B端管理系统)
• 采集指标:日访问量、停留时长、用户高峰时段、操作路径。
• 首屏加载时间:区分关键内容加载(FCP)和完全加载(LCP)。
5. 流式Markdown渲染
• 通过WebSocket接收分片数据,合并后统一渲染。
• 挑战:避免格式跳变(如标题层级错误),需合并分片并校验格式完整性。
后端发送过来的分片数据,第一个分片是##结尾,但是第二个分片是##开头,那么前端能够识别出####吗?
6. 大文件上传优化
• 分片上传流程:计算MD5、并发传输、分片校验与重传。
• 超大文件(1G+)改进:使用WebWorker或异步库分片,提升分片效率。
7. 代码考核
• 题目涉及:链表反转、最长公共前缀、二叉树遍历(如验证二叉搜索树)。
• 要求现场编码验证实现逻辑。
全部评论
相关推荐
查看5道真题和解析