上海乐言科技前端实习面经

一面(60min)

  1. 自我介绍
  1. vue 指令,用过哪些
  2. 知道怎么自定义指令吗
  3. vuex 和 redux 区别
  4. 讲讲react hook
  5. 看代码输出
export default () => {
    const [value1, setValue1] = setState({ a: 1 });
    const [value2, setValue2] = setState({ a: 1});
    const handleClick = () => {
        value1.a = 2;
        setState({ a : 2 });
    }
    console.log(value1.a, value2.a);

    return (
    <button onClick = {handleClick}>Click me</button>
    )
}
// 点击代码 输出什么

export default () => {
    const [value1, setValue1] = setState(1);
    const [value2, setValue2] = setState({ a: 1});
    const handleClick = () => {
        value1 = 2;
        setState({ a : 2 });
    }
    console.log(value1, value2.a);

    return (
    <button onClick = {handleClick}>Click me</button>
    )
}
  1. 说说闭包

  2. 代码题

function foo() {
    let val = 1;
    function fn() {
        return val;
    }
    val = 2;
    return fn;
}

const fn = foo();
const result = fn(); // 先说代码是怎么执行的,再说结果

function foo() {
    let val = 1;
    // function fn() {
    //    return val;
    // }
    val = 2;
    return fn;
}
重写fn, 让result为1;
  1. 跨域的方式
  2. 你说到postMessage,能手写吗?
  3. 说说JWT
  4. token 有几部分组成

二面(44min)

  1. 你遇到的最大的困难,怎么解决的?
  2. 虚拟长列表怎么实现?(口述)
  3. 除了transform还有哪些属性会触发3D加速
  4. 重绘与回流 什么情况与触发 怎么减少触发
  5. XSS攻击防御,为什么使用Vue和React这种框架能减少XSS攻击
  6. React封装组件你会考虑的点
  7. 谈谈自己对React 类组件和函数组件的理解
  8. css 动画了解吗?
  9. 问项目

大概还有一些零碎的问题,只能想到这么多。

#乐言科技#
全部评论
vuex 和 redux 区别
点赞 回复 分享
发布于 2022-10-19 16:20 河南

相关推荐

📍面试公司:字节抖音💻面试岗位:前端暑期❓面试问题:-&nbsp;Linux文件系统&nbsp;权限分级&nbsp;操作-&nbsp;Linux有哪些命令-&nbsp;Linux改写文件权限是怎么设计的-&nbsp;硬连接软连接区别-&nbsp;硬连接软连接在前端方面的应用-&nbsp;pnpm-&nbsp;pnpm优势&nbsp;怎么设计的-&nbsp;幽灵依赖问题是什么-&nbsp;Monorepo优点-&nbsp;Monorepo整体架构-&nbsp;Monorepo项目都有哪些核心目录&nbsp;每个层级内有哪些包&nbsp;详细的文件名叫什么-&nbsp;package.json文件放那些内容-&nbsp;package.json有哪些字段-&nbsp;怎么声明一个本地依赖包&nbsp;别的项目去使用它-&nbsp;怎么理解开发环境下的依赖和生产环境下的依赖&nbsp;怎么区别哪些包应该安装在哪里&nbsp;他们俩有什么区别-&nbsp;模块化了解哪些-&nbsp;esModule和CommonJs区别-&nbsp;怎么理解动态编译静态编译-&nbsp;树摇是怎么影响的-&nbsp;引入模块有哪些引入方式-&nbsp;怎么知道根据路径去寻找他的包的-&nbsp;如果是包名引入的话查找逻辑是什么-&nbsp;用户登录是怎么设计的-&nbsp;token存在哪里&nbsp;怎么判断用户是否登录态-&nbsp;用户鉴权怎么做的-&nbsp;token和cookie区别-&nbsp;常见的请求头有哪些-&nbsp;Content-type有哪些常见格式-&nbsp;缓存有哪些层面-&nbsp;怎么去定义浏览器缓存的强缓存和协商缓存的-&nbsp;一些构建的静态资源怎么缓存-&nbsp;js,图片,css怎么缓存&nbsp;缓存时效-&nbsp;项目拷打-&nbsp;zustand状态库应该怎么设计-&nbsp;他应该有哪些功能&nbsp;怎么定义怎么更新等等-&nbsp;双向数据流单向数据流-&nbsp;diff算法-&nbsp;不用第三方工具&nbsp;不用api怎么实现一个状态管理库-&nbsp;什么时候开始学前端的&nbsp;最近在学什么新技术-&nbsp;人工智能了解过吗&nbsp;大模型&nbsp;pytorch&nbsp;transform&nbsp;有没有做过深度学习的项目-&nbsp;为什么现在在实习还考虑我们这边的岗-&nbsp;this指向题-&nbsp;事件循环输出题-&nbsp;ez算法:括号匹配🙌面试感想:好难&nbsp;全是工程化&nbsp;&nbsp;
点赞 评论 收藏
分享
05-16 15:26
广州大学 Java
一面(过)自我介绍(1)能说⼀下HashMap的数据结构吗?(2)你对红⿊树了解多少?为什么不⽤⼆叉树/平衡树呢?(3)synchronized⽤过吗?怎么使⽤?(4)说说synchronized和ReentrantLock的区别?(5)垃圾收集算法了解吗?(6)什么是虚拟内存?没答好(7)从浏览器地址栏输⼊&nbsp;url&nbsp;到显⽰主页的过程?(8)说说&nbsp;HTTP&nbsp;与&nbsp;HTTPS&nbsp;有哪些区别?(9)HTTPS的详细流程(10)对https抓包,怎么做,猜测一下(11)客户端怎么去校验证书的合法性?(12)说说&nbsp;Session&nbsp;和&nbsp;Cookie&nbsp;有什么联系和区别?(13)链表:&nbsp;1-53-3-43-5-28-7&nbsp;排序二面(挂)自我介绍(1)==和&nbsp;equals&nbsp;的区别(2)hashCode&nbsp;与&nbsp;equals?(3)能说⼀下HashMap的数据结构吗?(4)HashMap的哈希/扰动函数是怎么设计的?(5)说说什么是进程和线程?(6)进程间有哪些通信⽅式?(7)说说synchronized和ReentrantLock的区别?(8)线程死锁了解吗?该如何避免?(9)索引(10)什么是虚拟内存?(11)说说&nbsp;HTTP&nbsp;与&nbsp;HTTPS&nbsp;有哪些区别?(14)HTTPS的详细流程(12)客户端怎么去校验证书的合法性?(13)链表&nbsp;每个节点向后移动k且最后一个节点移到第一个,好奇怪,没给用例,脑子抽了忘记问清楚,不然&nbsp;一起移动的话可能是快慢指针就可以做到。(14)写个冒泡排序问我优化,第二重循环用二分
查看23道真题和解析
点赞 评论 收藏
分享
人生第一次面大厂,和节子挺有羁绊的,浅浅记录一下吧-----------------------------------------------------Timeline:一面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2025-05-07&nbsp;&nbsp;&nbsp;&nbsp;15-16&nbsp;&nbsp;&nbsp;&nbsp;当天17:&nbsp;00&nbsp;通过二面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2025-05-08&nbsp;&nbsp;&nbsp;&nbsp;14-15&nbsp;&nbsp;&nbsp;&nbsp;当天15:&nbsp;40&nbsp;通过三面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2025-05-12&nbsp;&nbsp;&nbsp;&nbsp;15-16&nbsp;&nbsp;&nbsp;&nbsp;当天20:&nbsp;38&nbsp;面挂[HR姐姐说一面二面面评不错,商业化CRM可以捞捞,换部门加一轮面试即可]四面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2025-05-13&nbsp;&nbsp;&nbsp;&nbsp;17-18&nbsp;&nbsp;&nbsp;&nbsp;当天21:&nbsp;31&nbsp;面挂------------------------------------------------------一面面经-5.7:1.&nbsp;自我介绍2.&nbsp;项目性质:你提到的两个项目是练手还是实际投入使用的呀?3.&nbsp;问项目难点(1)说论坛的游客模式&nbsp;=&gt;&nbsp;问登陆&amp;登陆态是怎么实现的登陆这块是怎么做的?登陆态是怎么维护的?用户刷新后仍然是登陆状态,怎么判断的?(判断token是否存在)token存在哪里(localstorage里面)token有时效吗?(三天半)你怎么判断它过期的(jwt)你怎么使用jwt解析的 localstorage里面有时效吗?(2)消息实时推送SSE(3)安全性优化(加入csrf)追问:你可以详细介绍一下CSRF吗?你对别的攻击方式了解吗(回答了XSS、提到有分为存储型XSS和反射型)追问存储型和反射型区别4.&nbsp;自己提到项目收获和项目的开发流程5.&nbsp;问怎么了解到的项目整体规范开发6.&nbsp;git开发工作流熟悉吗?回答说对于分支流转比较熟悉追问&nbsp;git&nbsp;merge&nbsp;和&nbsp;git&nbsp;rebase的区别rebase使用有什么风险&nbsp;如何规避风险:影响公共分支追问:怎么样影响的公共分支面试官解释:风险产生的本质原因是git&nbsp;rebase&nbsp;时候要强推(并且必须强推)7.&nbsp;对axios封装以及取消重复请求是怎么实现的?追问post请求的避免重复请求是怎么实现的,可以怎么优化8.&nbsp;节流防抖使用场景9.&nbsp;图片懒加载追问offsettop是元素距离谁的追问只判断offset整体位置可以吗面试官补充offsettop定位的元素不一定是滚动元素10.&nbsp;Vue2和Vue3的区别11.&nbsp;问react项目经验12.&nbsp;react&nbsp;hook的原理介绍一下追问hook使用有什么限制吗13.&nbsp;useEffect和useLayout&nbsp;Effect区别14.&nbsp;一道算法题:&nbsp;比较版本号【一面面试官是个很温柔的姐姐,提问循循善诱,引导型,面试整体体验很舒适(不敢想要是面过了,姐姐是mentor该有多幸福)】------------------------------------------------------二面面经-5.8:1.&nbsp;自我介绍&nbsp;(改进了下自我介绍,明显感觉面试官很赞许【听自我介绍的面试官不多见,感动子】)2.&nbsp;学校专业课学了哪些课程(自我介绍提到成绩专业第一,&nbsp;回答数据结构、操作系统、计网、&nbsp;电子技术基础等)3.&nbsp;什么情况下促使你去学习前端的&nbsp;4.&nbsp;问数据结构问题:讲一下数组和链表的区别&nbsp;(说数组像整齐排列的房子、链表像一串手串云云)5.&nbsp;讲一下树的遍历和图的遍历&nbsp;(答主有点学院派,问数据结构问到点上了,爽)6从浏览器发起一个请求,到请求返回中的过程中,整个请求到响应的路径很多情况下都有缓存。尽可能把缓存说清楚,有哪些缓存(说了强制缓存和协商缓存)追问除了浏览器层面的强制缓存和协商缓存还有哪些缓存,提示如DNS、服务器缓存(讲了DNS缓存,&nbsp;自己补充讲URL输入到页面呈现的过程)追问其他的缓存7.&nbsp;你们做系统的静态资源是托管在哪里的,是部署在服务器吗(补充讲项目开发流程,&nbsp;这里抢问题了,应该看面试官眼色让他把缓存介绍一下)8.&nbsp;做项目的初衷是什么9.&nbsp;post请求什么时候会出现&nbsp;打印控制台,post请求出现两次的情况简单请求和复杂请求的区别options&nbsp;请求遇到过吗10.&nbsp;axios底层?,支持node吗11.&nbsp;讲一下AJAX12.&nbsp;算法题:扁平数组转成树形结构问时间复杂度和空间复杂度13.&nbsp;面试官小哥:我再来问你一些不相干的问题(以为可以开始扯闲话环节了,结果继续问问题)Vue中编写UI会使用&nbsp;template&nbsp;和&nbsp;render,这两者有什么区别吗、有什么关系吗追问:不进行打包、编译可以直接使用template语法吗,render函数最终返回的是什么template最终会被编译成render,这个编译发生在什么时间?14.&nbsp;Vue-loader有什么作用(跟上一题有关系)15.&nbsp;在webpack项目中自己随便写了一个a.abc文件,可以在js或ts文件中随便引入吗16.&nbsp;Vue中的nextTick,底层怎么实现的?17.&nbsp;介绍一下浏览器中的微任务(自己扩展说微任务和宏任务的区别、使用场景)反问环节:1.&nbsp;反问面试官求职时的心理状态、做了哪些准备2.&nbsp;反问面试官有什么技术方面的书推荐3.&nbsp;AI风潮下,程序员的核心能力会发生转变吗?从业务能力向&nbsp;AI使用&nbsp;能力偏移【隔了一周多,编辑面经还在感慨,二面面试官小哥真的很nice,面试节奏特别对。要反馈有反馈、要引导有引导,表示不懂的时候还会重新解释问题,整场面试说说笑笑地进行下来了,轻松愉悦(以至于复盘的时候才发现有的问题还是有点小难的!)最后反问环节聊天也聊得很开心啊啊啊,要是二面小哥是组长就好了...可惜没有缘分。祝大家面大厂都遇到这样的面试官(接好运!)】------------------------------------------------------三面面经-5.12:1.&nbsp;自我介绍2.&nbsp;js闭包内存泄漏原因,&nbsp;降低内存泄漏风险的方法3.&nbsp;自动设置垃圾回收4.&nbsp;weakmap5.&nbsp;node.js:common.js和ES&nbsp;module&nbsp;追问Common.js的缓存机制6.&nbsp;script的async和defer的区别async会阻塞后续dom吗7.&nbsp;cookie存token和header存token有什么差别8.&nbsp;ES6装饰器9.&nbsp;decorator装饰器,普通函数不支持装饰器的原因,&nbsp;高阶函数10.&nbsp;回流重绘&nbsp;怎么尽量降低影响(方法)11.&nbsp;TS枚举和定义普通对象区别12.&nbsp;普通枚举和常量枚举13.&nbsp;type&nbsp;和&nbsp;interface的区别14.&nbsp;ts类型断言&nbsp;两种方式的区别15.&nbsp;HTTP2.0中的服务器推送有哪些应用场景16.&nbsp;git相关的命令17.&nbsp;git&nbsp;pull&nbsp;和&nbsp;git&nbsp;fetch区别18.&nbsp;本地分支做变更,&nbsp;怎么办(回答stash暂存)19.&nbsp;算法题1const&nbsp;[a,b]&nbsp;=&nbsp;{a:1,&nbsp;b:1}&nbsp;能正常运行吗?为什么封装一个通用型的方法,&nbsp;左右结构不动,&nbsp;成功解构20.&nbsp;算法题2大数相加21.&nbsp;追问:&nbsp;你有一个网站&nbsp;包含了各种各样的静态资源,&nbsp;你会怎么设置缓存策略-三面面试官应该是leader,经过我长长的自我介绍后,大手一挥说那我们开始吧!整场面试下来问题密度挺高的,苯人感觉自己答得也很不错,没有卡壳的地方。leader大人也会给一些反馈,面试整体比较顺畅~依旧是体验感不错的面试,但最后还是挂了。。。HR姐姐说面评反馈主要是算法题1思路有问题,应该是用迭代器+沟通不够简明有效得到结果后整个人都down了,非常难受哇非常......感觉像做了一场梦,二面通过的时候觉得自己很lucky,好像离字节很近了,但是结果三面出结果又离得远远的了仔细复盘了一下觉得确实还可以语言更精炼一些回答问题,整体面试还很有收获的。虽然没过,但是感恩~------------------------------------------------------四面面经-5.13:前半小时闲聊规划、学习前端原因、项目(有点不太记得了)后面四道手写题1.&nbsp;TS&nbsp;泛型用法2.&nbsp;写出数组的10个方法(写了十几个,面试官问了几个方法的用法)手写实现一个reduce3.&nbsp;this指向4.&nbsp;给二叉树,输出二叉树每一层的最大节点-&nbsp;算法题撕得不好,面得有点低气压。但是此&nbsp;leader&nbsp;挺活泼的哈哈哈,也会主动给出一些提示(重生之部门leader亲自教你写算法)。面试结束后就知道g了,瘫椅子上半小时没说话,才收拾收拾去吃饭了和面评反馈的一样,《可能太过紧张,心态会有点急促》。但是很感激面试官啊,哎哎哎这把确实没缘分我是不会放弃面试字节的(我节孝子一定会回来的)
爵士豪猫:感谢佬的面经,真的就是看了你的面经写了几个原题才oc的,也祝佬早日找到心仪的实习offer
点赞 评论 收藏
分享
评论
点赞
5
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务