快手客户端开发一面

投递渠道：boss timeline： 2024.11.04 投递 2024.11.05 一面 2024.11.05 oc 2024.11.06 offer 已拒 一面 自我介绍 了解哈啰吗 项目背景 项目细节 遇到过哪些问题，怎么解决 标准库怎么实现的 有没有了解过其他开源项目 有没有团队合作过项目 学了多久 面向对象有什么好处 面向对象三大特性 了解哪些设计模式 手撕：反转链表（共享屏幕，在 IDE 写，面试官夸习惯好） #include <iostream> /* * * 给定单链表的头节点head，请反转链表，并返回反转后的链表的头节点。 示例 1：输...

从可拖拽组件的设计开始讲起，我们需要设计组件的结构，每个组件都有一个JSON格式的数据结构来描述其基本信息，包括唯一标识、名称、属性和子组件。通过React.createElement()递归地将JSON信息渲染成组件树。这个方法的参数包括组件名称、属性对象和子组件。组件的属性存储在各自的配置文件中，每个物料的index.ts文件中定义了组件的setter、事件和方法，以便在渲染时传递给createReactElement。组件通信通过事件处理来实现：通过JSON结构来定义事件，当组件被选中时，可以选择触发其方法。使用Map来存储组件ID与实例的映射，以便在需要时进行方法调用。使用useImperativeHandle暴露组件的方法，通过ref可以在父组件中调用这些方法。组件选中与高亮，定义选中机制，在渲染时为每个组件添加一个唯一的key，通过事件监听获取被点击组件的ID，更新当前选中组件的状态。利用获取的组件ID，通过DOM操作来高亮被选中的组件。在组件被选中后，配置栏会动态渲染与该组件相关的表单，用户可以通过表单更新组件的属性。每个事件使用JSON存储，包括类型和配置。在预览模式下，将这些JSON格式的事件转换为可执行的函数。技术点1：撤销与重做针对面试可以分别准备两板，首先是全量的保存，后续你优化为快照管理：采用改进的快照机制，仅记录变更的组件ID和实例，而不是完整的组件树，避免冗余数据的产生。组件拖拽的拖拽实现：通过react-dnd等库实现组件的拖拽和放置，支持嵌套结构的拖放。也可以用原生dragapi去做关于编辑与预览模式模式切换：根据不同的模式（编辑/预览）使用不同的渲染器，分别控制事件触发和属性展示的行为。可以用本地存储去存预览的数据#编程# #前端# #前端入门# #前端项目# #前端面试#

楼主秋招已经结束了，之前泡池子期间不敢发出来，所以打算等秋招结束后发出来，能在未来给大家参考。因为时间有些久远，楼主只能将当时的一些记录发出来，有些细节的地方可能不清楚，仅供大家参考。时间：2024-07-29持续时间：1h流程面试官说明今天面试问的三个环节： 自我介绍 + 针对项目问一些知识写一道题反问自我介绍上一段实习在联想主要做的是什么产品，采用了什么技术架构。介绍下你在联想期间使用的微前端技术。iFrame之间如何通信。介绍下你说的postMessage方法怎么做通信。假如我有一个场景，postMessage发送一个长消息时中断了，即传输中断了，你如何去做一些补偿措施。你在抖音本地生活...