携程前端社招一面

#前端开发##前端##前端开发工程师##社招##字节跳动##飞书#岗位名称：前端开发工程师岗位地点：深圳团队介绍：字节跳动飞书文档团队，致力于打造全球最领先的文档类创作和内容管理工具。飞书文档汇集了在线文档、表格、思维笔记等在线创作工具，并提供安全、强大的云端存储、内容管理和知识库，对文档、表格和文件都可以灵活设置浏览、编辑、评论、分享等权限，让团队协同既高效，又安全。1、负责飞书文档前端架构以及性能优化，掌握核心能力；2、负责飞书文档工程实践优化，解决关键卡点问题，提升团队效率；3、负责高质量的设计和编码；承担重点、难点的技术攻坚。基本要求：1、本科及以上学历，具备丰富的前端技术开发经验；2、能够熟练运用JS/AJAX/HTML5/CSS/AS等前端开发技术构建高性能Web应用程序；3、理解web标准和兼容性，对可用性/响应式相关知识有实际的了解和实践经验；4、熟悉移动端web开发或hybrid开发模式更佳；5、对前端工程化有一定的实践，对前端各类工具有一定的了解；6、具备良好的沟通表达能力，对于陌生领域有快速的学习能力。加分项：工具类开发（创作/流程，比如白板、表格、文档）、低代码开发其他：有感兴趣的兄弟姐妹们，欢迎简历来投chenmei.678@bytedance.com#前端#

1.自我介绍2.了解以往工作和岗位3.flex布局，flex属性有哪些，还了解别的布局吗？详细说说4.定位position知识点5.重绘和重排6.CSS选择器有哪些？优先级？7.说说你了解的ES6，CSS3，H5新特性8.浏览器从输入URL到结束整个过程9.盒模型10.自适应方案11.rem和em的区别12.JS数据类型，typeOf判断，还有别的数据类型判断方法吗？ 如何判断一个对象为空？13.箭头函数和普通函数区别，this 指向问题14.TS有了解过吗，React有了解过吗？然后就简单问了一些ts和react的问题来试探我有没有学过，我直接说没接触过，只接触了vue和js。15....

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

1 说说你做过的比较有亮点的一两个项目2 项目的数据模型/结构怎么设计的3 有没有抽象出可沉淀和复用的东西4 用户是什么量级的5 对移动端有了解吗6 对Web3.0有了解吗7 职业规划8 对自己的了解，优劣势