前端面试

线下面试，需要自带简历，面试地点在编程猫公司会议室里1. 自我介绍2. 开发相关- 平常是怎么使用git，怎么创建新的分支- 上一家公司怎么进行code review的- 用过哪些AI工具来帮助自己开发提效3. CSS- CSS优先级, 哪个优先级是最高的- 用CSS实现居中对齐有哪些方式- 有没有用过display: grid, 它有什么限制- 在需要验证某个CSS特性或者JS特性的浏览器兼容性的时候，怎么去查- CSS中transition和animation的区别4. JavaScript- JS有哪些基础类型- JS中值类型和引用类型有什么不同- JS里的深拷贝一般怎么实现，有哪些现成的第三方库可以用- 讲一下事件循环- 事件循环中的微任务和宏任务平时有没有用到过，比如Vue中的this.$nextTick- 介绍一下JS中的原型和原型链- 如果想要创建一个原型为空的对象应该怎么做5. TypeScript- TS中的type和interface有什么区别- 项目中的.d.ts的作用？6. 框架- Vue3和Vue2的区别- Vue3和React的区别- React中，useEffect是如何使用的，依赖项传与不传的区别7. HTTP协议- 浏览器缓存是如何实现的- 平常开发中打包后的HTML文件以及JS， CSS文件的处理方式- localStorage, sessionStorage和IndexedDB的区别- 跨域是什么，如何从纯前端的角度实现跨域8. 项目经验- 说一下自己实现过的最难的项目- 开发过程中遇到页面卡顿的情况，应该怎么处理（提示：可以用devtools的Performance）- 怎么样实现一个可拖拽的元素9. 公司相关- 有没有用过编程猫的产品- 如果要你用AI对话框实现一个编程猫产品的积木模块的添加功能，你要怎么实现10. 反问环节#编程猫##前端##社招##面经##前端面试#

自我介绍跨域是什么，cookie或header增加字段会不会触发跨域浏览器输入url到渲染出来的过程script标签的defer和async执行时机async的脚本会同时加载和执行吗SSR，CSR，SSG搜索框防抖场景题：接口查询clickhouse日志需要请求上亿条数据，怎么优化性能负责一个事情，协作方的问题导致业务上线需要延期，应该怎么办日常学习生活中会不会用gpt等工具问研究生期间研究方向问了不了解LLM问平时研究具体用强化学习解决什么问题介绍公司业务，问自己的研究内容能不能跟公司业务结合怎么样能将大模型或其他深度学习方法优化产品代码题：实现MxN数组右向螺旋输出，可借助网络工具加一个条件，希望优化函数的健壮性#前端实习##前端面试##小红书求职进展汇总#

建议大家不要接到字节hr的邀请就面试。字节的面评会一直存在，如果一直不过，大概率是面试官参考了前面的面评。如果持续面试，也只是在给hr刷kpi，自己的差评会越来越多，就会陷入恶性循环了。#前端##字节##前端面试##字节前端#

大家好，本人（女，备注是因为怕有人叫我哥们 ）在硕士毕业后在字节做了三年前端开发工程师。有点标题党了不好意思。哈哈哈第一次这么介绍自己还有一点不适应。首先声明我完全不是来炫耀的，因为从接触前端到现在的五年时间里，我常常觉得前端很难学，学的很吃力。前端涉及的领域太多了，经常有一种我永远也完全掌握不了前端的感觉。而且每过一段时间就会出现一些新的名词总是令我摸不着头脑。我不是一个喜欢背面试八股文的人（哎 谁又是呢）。非常讨厌在不了解底层逻辑的情况下去硬背一些概念，而且我知道就算现在背下来了以后也会忘的，最后遇到问题了也不能帮助我去解决。当年校招为了通过面试，也是硬背了很多的概念，但是背得越多带给我的困惑越多，为什么这个事情是这样的呢？我怎么去了解知识点背后的本质呢？虽然后面试上岸顺利入职了字节，但是我还是带着很多的问题边工作边学习。不过公司工作的节奏太快了，我没有很多的时间去钻研知识点背后的细节。就这样到了最近公司业务有调整，有很比较多的自己时间才有机会去学习。说实话React的原理我才是最近搞懂的，而且我也不敢说自己完全搞懂了，只能说自己终于慢慢有机会去摸到了前端底层逻辑的边缘。我常常觉得前端的知识点太散了，不知道你们有没有这种感觉。而且因为我们日常的开发都是基于框架或者现成的库，导致我们没有很多的时间去了解知识点底层的原理，导致我们开发的越来越复杂后，需要性能优化或者是遇到一些难以理解的bug才会想到要去了解背后的原理，但是真的开始去了解原理的时候却又感觉无从下手。我不是一个很厉害的前端，但是我是一个热爱分享，热爱钻研的前端，我喜欢去研究问题背后的原理，也想尽力帮助一些对前端感兴趣想要跨入前端大门的小白们解答一些疑惑，希望你们的前端之旅可以更加愉快，少走一些我之前的弯路。前面叨逼叨了很多，这个贴子的重点是想知道大家最近在【校招面试】的过程中有哪些问题是自己觉得很难理解，但是自学之后也不太能摸得到头脑的，我可以试着帮大家解答一下，尽量做到深入浅出。欢迎大家在评论区踊跃留言，我会尽量挑点赞比较高的优先回答~#前端##前端 开发工程师##前端面试##前端面试题##面经#

个人介绍：24届前端校招生，四段实习经历，校招拿了字节 阿里 美团 滴滴等offer，比较熟悉实习和校招准备的流程。有没有用 和我当天对完初期阶段就能知道效果了辅导的本质就是两点：一个就是减少信息差，大学里面和互联网就业实在是有差别，所以bg不太好的同学也需要早点准备早点实习。基于此的第二点就是节省大量的摸索时间，你如果有bg，为什么不能进大厂，差的就是时间，我觉得就是进度不快的同学都可以找我，这个性价比不必多说。拉莫这个辅导有什么用呢，主要是省时省力。你如果接触前端可能有一两年，那么可能我这个就只能提供一些项目思路和行情讯息了，咋学前端可能懂得都懂。如果你是初学者并且下定决心学前端的同学，那么你肯定是收获满满的，比起更大的博主，或者是课程培训这种，我这边1on1肯定会做的比较不错，分阶段收费，包含大部分内容的情况下只收不到一天实习的💰。具体内容可以提供一对一的学习路线指导（啥要学啥不用学以及侧重点和校招时间线），同时提供我校招之前总结的内容包括我在实习阶段沉淀的内容，一些为校招准备的项目推荐，帮忙提供简历修改意见。在你参加实习后如果觉得实习含金量不够，可以提供包装服务，使用大厂的技术需求去填充你的实习。另外如果有任何相关问题也可以回答，周末有时间回复，工作日不及时下班后会回复。有需要的同学可以私信我。有什么疑问的也可以在评论区提出。ps：我觉得最有用的还是还没入门或者秋招快到需要速成的同学 因为我可以让你零基础到找到实习只需要一个月[doge]而你自己摸索能亏不少去实习的时间（秋招能约面的时间）。#前端面试# #前端入门# #前端面试辅导# #前端简历修改#  #没有实习经历，还有机会进大厂吗#

个人负责过几年部门的前端校招，当然也做了大量的校招、社招面试，看大家写了很多面经、求改简历的帖子，想从面试官的角度提一些小建议，当然不同公司，不同部门，甚至不同的面试官都是有差异的，所以我只代表个人，不代表公司关于简历：1. 学校、专业、绩点，这个到校招阶段你已经改变不了了2. 项目经历，不管是Demo、课程作业、实习项目、工作室都可以，实事求是地写清楚你在里面做的事情和技术亮点，二面以后都会追问里面的细节3. 关于专业技能：你简历上写的专业技能面试官都会认真看，一些复杂场景的技术栈或者新的技术都是抓眼球的点，但和项目经历一样，请实事求是。从我个人倾向来说，你可以是前端专业技能很强，也可以前端过得去，但综合能力很强，且从目前行业趋势来看，我会更加倾向于选择后者4. 关于学历：本科、硕士都OK，没有倾向，而且公司、部门不同的发展阶段会倾向于不同的学历背景，纯看运气了关于面试：1. 认真听完面试官的问题，可以思考片刻，组织一下逻辑，不要着急回答，条例清晰和回答的正确与否同样重要2. 前几轮面试一定要认真总结，特别是回答不好的问题，回去好好查一下资料，后面的面试可能还会继续问3. 实事求是，知道就是知道，不知道不要乱扯，也不要为了把自己知道的知识点讲出来而答非所问，如果想让面试官知道你对某一块没有问到的知识点有了解，可以在面试官问完以后主动说一下4. 有时间可以多问，了解一下用人团队做的业务、用的技术、工作环境等，校招是双向选择5. 对前端或者技术的热情很重要，热情是驱使你不断进步的源动力，面试中尽可能通过对体验的极致追求、对技术原理的刨根问底来表现你的热情，希望每一个立志从事前端岗位的同学都是真的热爱前端，而不是只为了一份工作25届面试体会：1. 相比于前几年大家对框架、脚手架的依赖明显更强了，很多同学脱离框架、脚手架后，基本的HTML标签、事件绑定等都不会了，或许前端技术的成熟不再需要大家了解这些原生API了，但我个人还是希望大家把基础的CSS、JS、HTML、BOM/DOM、工程化、HTTP协议、前端安全等基础知识系统地学好2. 今年有算法背景的同学明显多了，这很好，就像前面说的，我倾向于综合能力强的同学想到再补充，有问题可以随时私信，知无不言#校招##前端简历要怎么写##前端实习简历##前端面试必备宝典##前端面试#

收集整理自用，方便平时翻看记忆。题目和答案来源请看文章末尾，欢迎各位大佬补充，批评指正一般来说，把下面基础中的高频题写熟练就差不多了。当然去面大厂这些远远不够，还要再刷一些算法题。 基础 高频 1.手写 instanceof // 原理：验证当前类的原型prototype是否会出现在实例的原型链proto上，只要在它的原型链上，则结果都为true function myinstanceOf_(obj, class_name) { // let proto = obj.__proto__; let proto = Object.getPrototypeOf(obj) ...

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