两个月打磨：前端AI项目利器- RAG知识库助手（搜索推荐机制版）

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

你们还是人吗，牛客上面人均大厂，我就一个6.5k，北京外企牛马，哭死

#秋招#经过10月的秋招，我计划的：人工智能四级考试、大模型网上课程、数学建模比赛，终于走到了今天。主要其实还是观念的问题。周四电机学院有个招聘会，我一看，JAVA开发6000+，要求还挺多。我就想，如果工资差不多，我想去做什么……其实数据标注也没什么，至少还是大模型公司呢。而且做数据比起应用和算法容易入行，不需要业务经验。今天要参加大学生职业规划大赛，我写的是算法工程师，但看了一个B站视频后，我终于在昨天晚上下定了决心：做大模型的数据。今天下午答辩前，同学突然说，“我们去面试吧”。于是我们翘掉了职业规划大赛，打车去了公司。就在我们学校附近，主要是做大模型的数据处理，给的不多，但有政府补贴，如果留下来还是比较客观。包括张锡芬的采访，亲身的就业形式，让我除去了硕士的傲气。今天面试时也见到了一些附近大学的本科生，他们和我有什么不同？因为多吃了几年苦，我就应该工资更高吗？（实际上硕士的政府补贴确实更多）我曾考虑过去培训几个月大模型，但当我想象时，我发现我其实并不想也不擅长做算法。算法工程师，只是我硕士专业投下的影子，是家长期望的高薪体面的工作，却不一定是我想做的工作。和面试官聊了很多，大模型、思维链（因为我简历上写了，网上课程没白学）、向量数据库，聊了数学建模大赛用的提示词工程和数据清洗。面完马上签了实习协议，下周二去入职。

地点在松山湖，环境不错。部门的领导和同事们都特别友好，问什么业务和技术问题，他们都耐心解答。实习生的生活节奏也挺舒服的，下午茶、健身房、夜宵、团建都会有。当然，也有加班的时候，尤其是版本迭代的时候，有几次熬到12点。但大部分时间还是能在6点准时下班，吃完晚饭后散散步，再去自习室，8点半还能领夜宵