演技太好，所以拿到了前端offer？

1、 不要太低调，要敢于展示自己

在职场中，安静和低调的人通常不容易获得足够的关注。我的经历告诉我，做事有自信、并适当展示自己的成果非常重要。比如，某个棘手的问题可能我很快解决了，但如果没有表现出来，别人就可能忽视掉我的贡献。所以，别怕刷存在感，要学会在适当的时机展示你的成果，让别人看到你的价值。

2、 学会向上管理

无论在哪个行业，向上管理都是一种必备的职场技能。向上管理并不是单纯的让老板知道你的成绩，还包括及时沟通、提出需要的资源，并且不断在老板面前建立自己的形象。通过积极沟通和展示自己的能力，老板会更乐意给你机会。虽然我个人在这一点上并没有做到最好，但回顾起来，向上管理的重要性不言而喻。

3、 提前规划你的职业发展

作为新手程序员时，我和大多数人一样，早期的职场生活就是上班、下班，缺乏明确的规划。职业规划并不是一件简单的事，很多人都做不好。但是如果你能及早做出规划，尤其是在你对技术有一定了解后，可以考虑向独立开发方向发展。比如，我目前正朝着独立开发的目标努力，希望在五年内实现自己的收入超越现在的工作收入。如果你有技术能力并且不怕折腾，独立开发将是一个很值得尝试的方向。

要有自己的想法和节奏，结合老一辈的经验，能少走些弯路，也能走得更快。

接下来提醒正在准备或想要准备前端开发面试的伙伴，一定要提前把项目场景题看熟！现在的面试官根本不问八股文了全是实战场景题和项目题，稍有不慎就会被问到怀疑人生！

我去年就是因为没提前准备，面试时被问到各种复杂场景题，结果屡战屡败！！

• 16.统计全站每一个静态资源加载耗时，该如何做
• 17.防止前端页面重复请求
• 18.ResizeObserver作用是什么
• 19.要实时统计用户浏览器窗口大小，该如何做
• 20.当项目报错，你想定位是哪个commit引入的错误的时，该怎么做
• 21.如何移除一个指定的 commit
• 22.如何还原用户操作流程
• 23.可有办法将请求的调用源码地址包括代码行数也上报上去?
• 24.请求失败会弹出一个 toast,如何保证批量请求失败，只弹出一个 toast【热度: 420】
• 25.如何减少项目里面 if-else【热度:310】
• 26.babel-runtime 作用是啥【热度: 200】
• 27.如何实现预览 PDF 文件
• 28.如何在划词选择的文本上添加右键菜单(划词:标滑动选择一组字符，对组字符进行操作)【热度:100】
• 29.富文本里面，是如何做到划词的(鼠标滑动选择一组字符，对组字符进行操作)?【热度:100】
• 30.如何做好前端监控方案【热度:672】
• 31.如何标准化处理线上用户反馈的问题【热度: 631】
• 32.px 如何转为 rem【热度: 545】
• 33.浏览器有同源策略，但是为何 cdn 请求资源的时候不会有跨域限制【热度:579】
• 34.cookie 可以实现不同域共享吗【热度: 533】
• 35.axios 是否可以取消请求【热度: 532】
• 36.前端如何实现折叠面板效果?
• 37.dom 里面，如何判定a元素是否是b元素的子元素【热度: 400】
• 38.判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。 该如何判定?
• 39.is如何判空?「空」包含了:空数组、空对象、空字符串、0、undefined、null、空 map、空 set,都属于为空的数据【热度:640】
• 40.css 实现翻牌效果【热度: 116】
• 41.flex:1代表什么【热度: 400】
• 42.一般是怎么做代码重构的

• 92.Eslint 代码检查的过程是啥?【必会】
• 93.虚拟混动加载原理是什么， 用JS 代码简单实现一个虚拟 滚动加加载
• 94.[React]react-router和原生路由区别
• 95.html的行内元素和块级元素的区别【京东一面】
• 96.介绍-下 requestldleCallback api
• 97.documentFragment api 是什么，有哪些使用场景?【必会】
• 98. git pull 和 git fetch 有啥区别?
• 99.前端如何做 页面主题色切换【腾讯一面】
• 100.前端视角-如何保证系统稳定性【字节一面]
• 101.如何统计长任务时间、长任务执行次数【腾讯二面】
• 102.V8 里面的 JT 是什么?【京东一面】
• 103.用 JS 写一个 cookies 解析函数， 输出结果为一个对象
• 104.vue 中 Scoped Styles 是如何实现样式隔离的， 原理是啥
• 105.样式阿商方式有哪些【字节一面】
• 106.在JS 中，如何解决递归导致栈溢出问题?
• 107.站点如何防止爬虫?【百度一面】
• 108.ts 项目中，如何使用 node modules 里面定义的全局类型包到自己项目 src 下面使用?【百度二面】
• 109.不同标签页或窗口间的 【主动推送消息机制】 的方式有哪些?(不借助服务端)
• 110.【React】在 react 项目开发过程中，是否可以不用 react router使用浏览器原生 history 路由来组织页面路由?
• 111.在表单校验场景中，如何实现页面视口滚动到报错的位置
• 112,如何一次性渲染十万条数据还能保证页面不卡顿【百度二面】
• 113.【webpack】打包时 hash 码是如何生成的【必会】
• 114.如何从 0 到1搭建前端基建【京东一面】
• 115.你在开发过程中， 使用过哪些 TS 的特性或者能力?【美团一面】
• 116.JS 的加载会阻塞浏览器渲染吗?【百度一面】
• 117.浏览器对队头阻骞有什么优化?【百度一面)
• 118.Webpack 项目中通过 script 标签引入资源，在项目中如何处理?
• 119.应用上线后， 怎么通知用户刷新当前页面?【腾讯一面】
• 120.Eslint 代码检查的过程是啥?
• 121.HTTP是一个无状态的协议，那么Web应用要怎么保持用户的登录态呢?
• 122.如何检测网页空闲状态(一定时间内无操作)【百度二面】
• 123.为什么 Vite 速度比 Webpack 快?
• 124.列表分页， 快速翻页下的竟态问题【百度二面】
• 125.JS 执行 100 万个任务， 如何保证浏览器不卡顿?
• 126.git 仓库迁移应该怎么操作
• 127.如何禁止别人调试自己的前端页面代码?【字节二面】
• 128.web 系统里面， 如何对图片进行优化?【必会】
• 129.OAuth2.0 是什么登录方式
• 130.单点登录是如何实现的?
• 131.常见的登录鉴权方式有哪些?
• 132.需要在跨域请求中携带另外一个域名下的 Cookie 该如何操作?
• 133.vite 和 webpack 在热更新上有啥区别?
• 134.封装一个请求超时， 发起重试的代码

注：文中的前端场景面试题汇总PDF已经打包完毕，希望对大家有帮助！点赞转发、后【点击此处】即可领取！