前端面试

这个文章顺序和时间是相反的，是从时间最近的到时间最远的。淘天搜推首先给淘天的笔试跪了 面试官人很好，氛围其实挺轻松，但是把每个项目、实习内容全都问了一遍，还让共享屏幕运行一下。让介绍印象深刻的点，但是细拷得不深。问了一些项目整体设计（架构？）的想法。1、原型和原型链，为什么要有原型2、闭包，为什么要有闭包3、说说内存泄漏，怎么排查内存泄漏4、想问react，但是我没用过，讲了一下自己了解过的react理念5、vue的性能优化。vue的工作原理。diff怎么工作的。响应式怎么实现的。6、盒子模型7、BFC8、垂直水平居中9、css怎么实现动画10、http，get和post的区别11、安全方面，防范xxs，csrf攻击手撕：数组转树反问：讲了一些toc动画方向的内容，视觉效果，小程序小游戏。可以巩固一下软件工程方面的知识，怎么去架构一个软件，怎么拆分组件，接口怎么互动。项目管理的知识？界面背后的业务和需求，可能也要去了解。ai对初级人员有挑战，但是还是要拥抱ai。腾讯4 oc timeline3.10 一面3.12 二面3.17hr面3.19oc腾讯四进宫，第三个部门挂了之后秒被第四个捞了起来，而且进度推得很快，真的感恩，从今天开始本人会日行一善，每天学习。感恩，以后ai只用元宝，听歌只听qq音乐，在线文档只用腾讯文档，追剧只用腾讯视频，聊天只用微信腾讯4-3很正式略严肃地面了半个小时1、确认基础信息和未来规划，到岗时间，手头offer2、你了解我们部门是做什么的吗3、说说你的项目经历4、在这些项目过程中，主要的合作方是谁，是你一个人去独立完成的这些项目吗？5、在这些小组合作过程中，有没有遇到一件不一致或者冲突的场景6、有小组同学不配合的情况你是怎么处理的7、如果从开始的时间点再来一次，你作为小组的负责人再做一次你觉得会有什么不一样吗8、那你总结一下你刚才提到的项目里，未来对你来实习，你觉得有什么优势和不足9、在上一段实习中你的独立贡献是什么10、你怎么评价你这边实习的产出成果，十分给自己打几分11、包括这次的暑期实习以及未来工作的方向，你是怎么规划自己毕业之后的发展路径的12、tx和你之前实习公司的体量有一些gap，你觉得到时候来可能会碰到哪些挑战，你现在是怎么去准备应对的13、介绍一下自己和其他候选人相比，有什么优势，缺点也可以分享一下腾讯4-2小哥哥love，一直鼓励我，场景题说思路还会继续引导到最后说出来1、文档流是什么。常见的文档流2、块级元素、行内元素3、脱离文档流4、absolute和fixed5、重绘和重排6、怎么减少重排7、promise的api8、promise.all和allsettled9、箭头函数10、计算属性和watch11、vue2和vue3的区别12、响应式原理和diff算法13、浏览器本地缓存14、怎么实现懒加载和无限滚动的15、防抖和节流的区别16、虚拟列表。怎么做。不定高度的虚拟列表怎么做：拿到元素的宽高继续计算17、组件库select有没有了解到被父层级遮挡，antd。有个属性。把div挂载在body上。18、性能优化怎么做的。顺带问了defer和async。js依赖怎么顺序加载。19、大学里最有成就感的一件事20、为什么选择前端21、AI对前端学习有什么改变反问：用到的库可以去了解它的底层实现，遇到性能问题可以去看底层的实现，构建工具比如vite的热加载，各个底层的实现，拦截和实施。可以利用AI去学习。腾讯4-1运营管理小姐姐love，不会的会告诉我答案，还帮我分析了一下项目里我困惑的点1、变量声明。一般怎么选择let和const2、事件冒泡和事件捕获。举例子说一下。事件委托。3、promise的状态。之间有什么关系。有什么用4、async/await和promise的联系5、html5中的语义化标签6、canvas和svg。svg和普通的图片格式有什么不同，一般用svg来做什么7、img的属性8、图像的大小，响应式怎么设计。rem参考的是谁。%参考的是谁9、表单用到哪些组件，怎么进行表单验证。10、邮箱怎么验证，@后除了邮箱域名还可能有ip，端口11、说一下position常用的字段，默认的是什么，有什么区别12、css有哪些选择器，他们的优先级是什么13、想通过css选择器取选择一个类下面的子元素，通配符14、grid布局。15、flex布局，详细16、浏览器的渲染原理17、同源策略，有什么作用。怎么做跨域。怎样算同源18、数据结构：数组和链表，队列和栈19、最有成就感的项目拷打项目20、怎么看渲染时间，有什么指标去观测。图片优化策略。说到预加载，浏览器有空闲资源的时候去加载。21、封装了表单组件。22、批量导入用户显示在表格23、为什么要做组件库24、组件库的技术选型25、单元测试端到端测试26、crud项目遇到的问题。keep-alive不需要缓存导航栏。手撕：最长不重复字符反问：多总结虾皮先拷项目，然后拷场景，八股也拷，手写也拷，没问几道题但是一直往下问手写：两列布局、取对象的嵌套值1、什么时候接触前端的，什么机会基础的，怎么去学习前端的。知识框架怎么建立的什么形式，开源代码看过什么，公众号前沿的技术，有没有自己实现过2、项目中技术上比较有难度的地方。图片的预加载。用这个有作用吗3、修复过印象比较深刻的bug4、输入一个url的过程，解析文档时遇到css,js的问题5、this指向题反问：看别人写的一些文章，去了解主流技术，多写代码腾讯3金融，腾讯三进宫，已把腾讯捞面试当成面试训练手撕：url解析字符串、并行串行、promise.all1、问实习做了什么2、解决了哪些bug印象深刻，表现的是什么问题，具体是怎么解决，什么列顺序不存到后台3、首屏性能优化（组件懒加载是怎么实现的，动态优化，有没有了解过webpack是怎么分析文件依赖的，常用的webpack配置）4、表单的数据绑定，v-model，vue2怎么处理新增的属性响应式5、响应式原理6、diff算法7、表单的增减可以怎么实现8、diff算法，在v-for里使用v-if会有什么问题的过程9、http和https的差异，对称算法和非对称算法，交换密钥的过程10、实习中遇到的最困难的事情反问：要建立框架，知识方面的，要有一个知识路线去学习，而不止是实践经验，实践之后要往下深挖一点网易雷火面试官好好，小姐姐love，平易近人亲切温柔。1、叫自我介绍直接开始介绍项目2、性能优化怎么做的3、首屏优化有什么方案思路，讲讲能想到的问题，和解决问题的思路4、说说懒加载和虚拟列表的区别，会冲突吗，原理5、说说vue2和vue3的区别，diff算法更新了什么6、css画三角形7、怎么清除浮动8、介绍一下flex布局有没有用过figma9、说说webpack和vite10、怎么原生实现无限滚动11、说说重排和重绘12、组件库里说说对组件有没有自己的一些设计，和业界的实现有什么不同13、eslint做了什么，自己实践中感觉到它有什么帮助14、怎么学习前端的反问：介绍部门，介绍技术栈，基础不是很牢固，要建立自己的知识体系。附一则之前写的发疯文学：每次面完都好想似，整理完面经然后看着自己的玩具项目，简历上还要编成花，和面试官大眼瞪小眼，讲完面试官问我没了吗就这些吗，打哈哈尴尬地笑笑而过，面完自己哄自己找时间把项目的难点做了吧不要再自己乱编了。事实上一手抓八股一手抓手撕一手抓项目根本抓不住时间。也是清楚自己的能力的，这里做一点那里做一点然后就开始莫名其妙地祈祷。微微改动简历去一堆海投官网更新，结果看到红红的简历筛选不通过，就这样无力叹息然后去主页重新搜一个岗位。好想穿越到大一大二把不爱做算法不爱动脑的自己一拳锤似，以为背题真能背出来吗。面完还要哄自己还不赶紧做题练习，想想大不了全部都为秋招练手，再大不了还有春招呢，想到这感觉自己能有这种想法真是这辈子都有了。看着包过不了的大厂面试邀约就这样露出苦笑。面试完想着玩玩手机吧，刷到没见过的八股文不管了明天再看吧，刷到别人oc的timeline好强祝福接好运，再刷到一篇对前端的调侃啊哈哈哈哈真是天都塌了。寒假不急现在急了吧哈哈哈，，这都是我应得的呀哈哈哈。其实也没有，就这样发牢骚然后恨自己不争气，回去再慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢地准备。#前端# #面试# #面经# #腾讯# #虾皮# #网易# #淘天# #前端面试#