腾讯前端岗一面面经

#前端# #实习# 🕒 岗位/面试时间:前端🤔 面试感受:纯KPI面约的晚上八点，电话面，半小时。要素齐全，但面之前还是心存侥幸的，不能把鹅子想的这么坏。结果就是这么坏😅没自己介绍，没面试官介绍，上来直接开始八股1.页面输入URL到展示中间步骤(自己补充浏览器缓存，TLS连接过程，浏览器渲染过程)2.网络攻击类型(XSS，CSRF)3.如何防范XSS(CSP，对cookie设置httponly)4.了解HTTP2吗(二进制协议，多路复用，头信息压缩，服务器推送)5.首页优化(代码分割，路由懒加载，开启HTTP2，减少重绘回流)6.做的项目有啥收获没手撕，括号里是自己答的，面完都不用等结果，直接就是不能胜任公司要求😤。他要已经部署上线的项目，我个大三生哪来部署好的项目😓。

笔试时间：2024年03月23日 阿里钉钉历史笔试传送门：2023秋招笔试合集第一题题目：小红劈字符串小红定义一个字符串满足以下条件即为好串:‘r’的数量比‘e’多。‘e’的数量比‘d’多。现在小红拿到了—个字符串,她想劈一刀将字符串劈成2部分,满足左边和右边都是好串。小白想知道有多少种不同的劈法？输入描述第一行输入个正学数n,代表字符串长度。第二行输入个长度为n的、仅由"red”三种字符组成的字符串。1<=n<=10^5输出描述一个整数,代表最终劈字符串的方案数。样例输入10rerdrrerer样例输出2说明第1种劈法:"rer"+"drr...

🕒岗位/面试时间前端开发工程师/4.17面试时长：1h10min虽然接到面试邀请发现是企业微信的时候就知道这把是高端局 大概率要凉 但被鹅厂挂了七次一面之后 鼠鼠已经对进鹅厂不报什么希望了 不过既然你还捞我 那我也绝对奉陪到底👥面试流程js基础题（40min）：1、js对象比较判等（输入样例有点问题加上对象api不是太熟 写了蛮久的）2、下划线转小驼峰（想直接用正则 但是死活没写出来）基础/原理：3、写一个react组件到浏览器里会变成什么东西？4、构建工具打包后的js脚本长什么样子？5、react怎么调用组件？怎么将jsx渲染到浏览器上去？怎么更新状态到新的dom上？6、react状态改变如何触发虚拟dom更新？7、项目中用到mobx，简单说一下它是怎么做的？8、nextjs做了什么？9、同一个react应用，ssr和csr在首次渲染的时候有什么区别？10、ssr的时候，前端怎么处理返回的html？11、react拿到html的时候会做什么？会复用吗？12、简单说一下web3项目和web2项目有什么区别？13、项目中的用户登录态是怎么处理的？14、为什么token存到localstorage而不是cookie？localstorage有什么优势？15、localstorage会遇到类似的攻击吗？通过什么攻击手段可以将其取出来？如何防范？16、简单说一下csrf的机制以及常用的防范方式？17、有了解过webpack是怎么实现的吗？或者是babel？（讲了一点点babel的ast转换）18、你知道webpack的treeshaking机制吗？（只看过一点点 不太记得了）你看过的一点点是什么？可以猜一下这个机制做了什么工作19、讲一下性能优化的方法？20、如何优化js加载的效率？我如果只要1m的js怎么办？21、cdn一般是怎么做的？22、了解过chatgpt是怎么实现的吗？反问：23、业务：企业微信 为服务商提供api接口 管理后台 文档24、面试评价：项目这些东西还可以 你对像react底层的思考。。。至少有去了解吧 但是代码基础要去提升 平时是不怎么使用js吗？（js基础没有沉淀好确实是大问题 虽然对平时简单的项目开发没什么影响 但开发一些更底层的东西就需要用到了）

感觉几乎找不到这个部门的面经发出来攒攒人品 虽然大概率凉凉 被拷打了一个小时多一点 场景题很多基础不牢真的汗流浃背了一些项目相关问题一般css布局用什么，会用到哪些属性如果一个两列布局，不固定的一栏超出了屏幕宽度怎么解决（比如有一连串图片之类的不在外部定义变量，如何调用A()三次输出1 2 3如何获取数组的首尾元素，ES6里有没有什么方法可以实现从url中解析参数，可以从什么浏览器对象中获取小图标怎么hover后改颜色前端路由原理，或者浏览器有哪些api可以操作路由怎么实现div切换颜色有一个过渡效果块元素和行内元素有哪些，区别是什么在js中获取页面的css字符串中包含js语句，怎么使得能够执行自己怎么封装一个load的滚动条，可以传入什么参数如何阻止冒泡事件如果已经部署后知道有js的bug，怎么进行调试用什么打包工具，vite的原理是什么promise主要是用来干什么的，有哪些使用形式你用过哪些浏览器存储的方式，cookie一般存什么apply和call的区别有用过ts吗，使用过程中有什么难点一般从后端收到的数据是什么格式的，json的两种最常见的处理方式重叠边框hover变色的场景题学习方法前端是自学的吗爱好之类的……反问业务介绍，面试官强调比较关注三大件基础