前端面经及简历心得！

面经：HR电话面试1.什么时候开始投简历的2.工作地点怎么看（开始以为是在杭州，巴拉巴拉一堆，结果告诉我是在绍兴）3.期望薪资4.有没有男朋友，男朋友打算去哪工作5.父母工作6.如何看待加班和出差（HR说是不怎么加班，持怀疑态度）7.个人性格是啥样的后续说是会打电话确定面试时间8.HR电话约面试约了面试，要准备重点项目的PPT，只有一天准备时间属实有点儿仓促，又问了一遍男朋友（感觉女生好容易被问这个问题啊，办公室其他男生表示基本没有被问过）晶盛机电技术面30min，5分钟ppt介绍后面就是针对项目不断提问。内推免笔试 内推免笔试晶盛机电2025校园招聘来啦本硕待遇丰厚！博士补贴135w+【关于晶盛】晶盛机电创立于2006年，是半导体装备领先企业、全球光伏装备技术和规模双领先的企业，于2012年上市，研发人员1600+。【招聘岗位】机械、电气、材料、控制、算法、光学等工程师类；制造、质量、销售、产品、职能等管培生类；【工作地点】杭州、绍兴、呼市、银川、天津、宜兴等地【内推链接】https://app.mokahr.com/m/campus-recruitment/jsjd/118048?recommendCode=DSGXB56M&hash=%23%2Fjobs#/jobs【内推码】DSGXB56M (优先筛选，可联系hr帮查进度，催进度)投递的uu评论一下姓名缩写加岗位（HFG+产品经理），我会尽力跟进~

岗位名称：前端开发实习生（有转正机会）团队介绍：团队负责公司多个跨产品业务方向，提供可复用的平台能力及技术解决方案。我们为公司多业务提供如地理位置、行业数据、舆情、众包标注、中间件等多类型的中台能力与技术解决方案，积极利用AI等技术做中台能力提效与升级；同时，开发者社区持续为内/外部的开发者赋能，期望为用户提供更有价值的信息与分享交流空间。加入我们，你将有机会从中台的多视角参与业务建设，感受不同类型/阶段的业务特点；通过投身亿级用户场景的开发&架构工作，学习和解决极富挑战的技术问题；你也可以从数据出发，积极利用策略和模型，为业务提供有价值的助力。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去做关于编辑与预览模式模式切换：根据不同的模式（编辑/预览）使用不同的渲染器，分别控制事件触发和属性展示的行为。可以用本地存储去存预览的数据#编程# #前端# #前端入门# #前端项目# #前端面试#

手撕五道括号匹配问题给一个数组查看有没有重复值，要求算法复杂度O（n）空间复杂度不能为O（n）二叉树深度遍历求是否有一条路径为给定值最长子序列LRU（只有set和get）八股1.浏览器缓存反问1.部门toB还是toC2.部门作息（10.30-22.30）3.多久反馈4.还有需要学习的地方吗注：疑似kpi，迟到半小时 中间手撕时候关闭视频一小时