【前端一面面经】蚂蚁集团一面：编码题：1. 非递归实现二叉树中序遍历2. leetcode：买卖股票的最佳时机八股文：1. 描述下就是宏任务和微任务分别是什么？执行顺序是什么？宏任务、微任务分别有哪些？2. 箭头函数可以作为构造函数吗？3. JS 为什么会有浮点精度问题，然后怎么去解决这个问题？4. 什么是原型链5. for in 会遍历到原型链上的方法吗？6. 说一下为什么浏览器会有跨域的限制，怎么解决？7. Jsonp 用过吗？说明一下8. 跨域是服务器拒绝请求还是浏览器去拒绝的请求？9. HTTP 的那个 OPTIONS 请求方法是干嘛的10. HTTP 的请求方法有哪些？11. POST 和 GET 相比有什么区别12. 简单说一下 React fiber 的作用和原理13. React 的任务调度是怎么做的14. React 中怎么判断出来浏览器剩余多少空间时间15. requestAnimationFrame 了解过吗？它的使用场景是什么？16. 描述一下 React 的合成事件，为什么不直接绑在元素上？17. 说一下什么是 HOC，HOC 能用来做什么？18. useEffect、useState 为什么不允许放到 if 判断里？19. 工作中有用过微前端吗？有了解过吗？项目相关：1. 为什么要将 Webpack 版本升级，Webpack5 相较于 Webpack4 有哪些优势？（简历中提到升级问题）2. Webpack5 里的模块联邦能介绍一下吗3. 项目中写到 node 端服务，做了些什么？ #前端面试#

React为什么要推出Fiber架构，这是一道非常高频的React面试题，但是很多同学在面试时候要么回答不出来，要么回答的不深入。老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：React推出Fiber架构是为了解决React中的某些性能问题，并提供一些新的功能。在React的传统架构中，采用了递归的方式创建虚拟DOM，递归过程是不能中断的。如果组件树的层级很深，递归会占用线程很多时间，因为JS是单线程的，所以当递归占用线程时，UI渲染线程就会一直处于等待中，所以用户会感受到页面卡顿。为此，React推出了Fiber架构，Fiber 是 R...

在法国当程序员是什么体验？最近看新闻，法国热度很高呀，很多人考虑去法国旅行，学习，甚至是去工作，理想哥之前在某大厂工作的前同事，有一些现在正在法国干前端，真羡慕他们呀，最近和他们聊了聊在法国当程序员的体验，感触挺多的，给大家分享分享。先说说大家最关心的薪资问题吧，在法国做程序员很清闲，几乎没有加班，压力很小，薪资比较平均，但要比一般行业高，相比中国和美国确实低很多。我们以巴黎为例，法国的税比较高，基本上要扣30%左右税，所以，我们接下来说的都是税后工资。刚毕业的应届生，年薪大概在20-25万人民币左右，工作3到5年，大概能到30万到35万，超过5年，如果能到一些小公司CTO的水平，大概能给到4...

面试官：介绍下你项目中的亮点？该怎么回答？哈喽，大家好，我是前端理想哥，面试官要求你介绍项目中的亮点，以及你是怎么解决的，相信很多同学都被面试问到过，点赞收藏下，理想哥教你怎么回答。我们先要搞清楚，面试官问这道题，他到底想问什么。问这类问题，面试官主要是想通过一个具体的案例考察你对于自己业务的熟悉和理解程度，以及碰到业务问题的时候是如何面对问题的。所以，我们该怎么回答这个问题呢？理想哥给大家三点建议：第一，简历中的每个项目，都要提前准备好2-3个可以拿出来和面试官讲的亮点，提前理清楚原理，以及你是怎么解决的，每天都看，每天都背，一定要滚瓜乱熟。第二，一定要学会结构化表达，尽可能按照STAR法则...

前端面试，该怎么做自我介绍，理想哥面试过的前端开发超过1200人了，发现大部分前端都不会做自我介绍，点赞收藏支持一下，给我一分钟，我用这套自我介绍模版，面试过阿里、腾讯、字节、美团这样的大厂，都很顺利，今天分享给大家：首先我们先来看错误的案例：案例1：「面试官你好，我是谁谁谁，今天来面试前端开发岗位，我有一个女朋友，也在xx这个城市」，然后巴啦啦说了一大堆。不知道面试者是紧张还是啥原因，真不知道他上来就告诉面试官自己有一个女朋友是啥意思？自己前端方面的能力、经验，自己的个人信息都没有介绍，说了好几句女朋友的事，导致的后果就是，直接给挂了，面试官认为这人搞不清楚重点。案例2：「我是谁谁谁，今年多...

说说你对盒子模型的理解?，这是一道非常高频的css基础面试题，但是很多同学在面试时候都回答不完整。老规矩，点赞收藏，加个关注支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：在HTML文档中，所有元素都可以理解为一个个矩形的盒子，这个盒子由四个部分组成：content、padding、border、margincontent是实际的内容展示区，boreder是边框，padding是内边距，margin是外边距。在CSS中，可以使用box-sizing 属性定义盒子模型，当值为 content-box 时，表示W3C 标准盒子模型，值为border-box时，...

2024年了，前端开发还好找工作吗？最近理想哥的公众号被培训班的广告刷屏了，都在吹现在前端就业市场有多暖，面试有多简单，他们的学生有多好就业，然后骗你进去割韭菜。在前端就业现状这块，理想哥是最有发言权的，数了数，今年我已经给各大公司内推超过400份前端简历了，也和超过500个同学沟通过找工作问题，有第一手的数据。原以为2023年已经很差了，没想到2024年就业市场更差了。企业的日子也都不好过，要么大面积裁员，要么拼命压成本，招聘性价比高的人。过去随便跳槽就能涨薪三五十的日子一去不复返。在我看来，以下三类人找工作相对容易一些：个人背景好。211,985学历，阿里、腾讯、字节、美团这样的一线大厂工...

前端如何实现token的无感刷新？这是一道非常高频的场景题，一般是为了解决频繁登录造成的用户体验问题，所以需要前端定时去刷新token，以帮助用户静默登录，大多数同学应该都对这个问题只能回答出大概，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。如果我是求职者，我会这么回答：前端实现token的无感刷新，一般有以下三种方案：第一种，由后端同学来返回过期时间，前端在每次请求的时候，判断token的过期时间，如果快到过期时间，就去调用刷新token接口。不过，这种方案不仅需要后端额外提供一个token过期时间，而且当前端用本地时间判断，本地时间又被修改的情况下，就会造成判...

webpack的tree Shaking原理是什么？这是一道非常高频的webpack面试题，但是大多数同学可能都回答不出来，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。如果我是求职者，我会这么回答：Tree Shaking，摇树机制是webpack的一种代码优化策略，它会在运行过程中静态分析模块之间的导入导出，确定 ES Module 模块中哪些导出值未曾被其它模块使用，就是我们常说的死代码，将死代码删除，从而减少打包文件的体积，从而提高应用程序的性能。Tree Shaking 是在Rollup 中率先实现，Webpack 自 2.0 版本开始接入，至今已经成为一...

我用 React 不用 Vue，目前只有两个原因：我对 React 的熟练程度远超过 Vue ，在这种熟练程度下，Vue 给我带来的解决问题的能力，并没有任何提升，因此，不用。我生活、工作中有很多的问题需要我去解决，使用能用 React 解决的问题，用 Vue 成本并不会变低。他们都是同一时代的产品不同的解决方案而已。当别人提起是 亚马逊 的商业模式正确还是 阿里巴巴 商业模式正确的时候，马云说：我希望两种模式都正确，如果世界只有一种模式，那就太无聊了。我真正想说的：前端大概是目前程序员届里对什么是「核心竞争力」最模糊的一个群体，造成这样的原因是因为前端程序员这个群体年龄还比较小，人数又众多，...

前端埋点数据怎么上报？，这是一道前端面试非常高频的面试题，但是很多同学在面试时候都回答不完整，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：目前常见的方案有以下四种：第一种，基于ajax的埋点上报。前端可以和后端约定一个接口通过ajax去进行数据上报。这种方式的优点是可以灵活地设置请求头属性，post请求可以发送大体量数据，满足特定场景的埋点需求。缺点是可能会存在跨域风险，当页面销毁时的监控埋点大概率会上报失败。第二种，基于Image的埋点上报。前端通过创建一个Image对象，将要上报的数据作为URL参数拼接到一个1x1像素的透明图片sr...

你是怎么理解Vue响应式原理的？，这是一道前端面试非常高频的Vue面试题，但是很多同学在面试时候只能说出个大概，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：在vue2中，Vue的响应式原理是使用Object.defineProperty来实现的，使用defineProperty挨个对data中的属性实现监听，当数据变化后再去触发视图的更新。但是Object.defineProperty有以下缺点第一，对于复杂对象需要深度监听，一次性监听到底，计算量比较大第二，对于对象的新增/删除属性的操作，无法监听，需要 Vue.$set、Vue.$d...

前端埋点有哪些方案？这是一道前端面试非常高频的面试题，但是很多同学在面试时候都说不完整，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：常见的前端埋点方案主要分为三种第一种，手动代码埋点。顾名思义，就是需要开发者手动写代码，调用埋点sdk的函数，在需要埋点的地方调用埋点函数，并传入参数。手动埋点可以很方便地设置自定义属性、自定义事件，完全地满足定制化埋点需求，支持各种场景的业务需要，但缺点也很明显，埋点代码侵入性大，容易与业务代码耦合，后期维护成本较高，一般公司自建埋点平台系统会采用这种方式。第二种，可视化埋点。也叫框架式埋点、无痕埋点。通...

阿里外包值得去吗？先说结论：现在大环境不好，找工作不容易，如果实在是没有其他更好的选择了，可以去阿里外包试试水，如果有其他自研选择，那肯定不建议去阿里外包了。首先，阿里外包也是分层级的，总的以两层为主，上一层是直管，就是正式员工直接管理，下一层是外包，也是正式员工或者直管来管理的，薪资也是有很大差距的，比正编肯定低很多，但在行业内还可以的。如果你有其他更好的选择，那肯定不建议选择阿里外包。一入外包深似海，从此自研是路人。好处就是有了个阿里外包的经历，以后去其他公司外包会容易一些。不好的地方就是，面试难度还是比较大的，入职后，大部分人都是做非核心业务，日常工作以杂事，重复性工作为主。稍微难点的，核心业务的，都是正式员工在做的，原因也很简单，正式员工有kpi，外包没有。外包转正很难。大部分管理者可能都认为你要是牛逼就不会来当外包。很多同学想当然的以为只要自己混熟业务，每天兢兢业业工作，和正式员工一起上下班，一起加班就能转正，但实际情况不是这样的。杂事谁都可以做，没有成长性，也就很难以正式员工标准给你转正了，所以，不要听HR忽悠，外包转正的几率真的很小。你在外包干2年转正的几率远远低于在外面好好干3年进阿里的几率。外包只是工具人，不存在培养外包这件事。大部分部门对外包同学的定位就是工具人，熟练工。大部分来阿里做外包的同学，都是能力还可以，但又不够正式员工如P6P7的能力。抱着以外包的身份转正的想法，很多人觉得可以在阿里学习很多东西，能力提升，对自己有帮助。但其实，大部分时间都是要靠你自己，公司并不会把你纳入正式员工的培养机制中。外包的区别对待太多了。没有内网权限，工作量大，经常被以共同成长的名义要求和正式员工一起加班，合同一年一签，开除比较方便，阿里的福利和你没有关系，节日礼品你没有，零食也不给你吃。之前还看到一个外包同学没忍住跑去吃零食，被一个路过的HR怼：你是外包，不准偷吃零食，怎么这么没素质。有了外包经历，对你找自研的工作影响不好。很多好点的公司其实都默认不要外包出身的。逻辑很清晰：如果你够厉害，为什么会接受外包岗位呢。最后，欢迎关注理想哥，每天学点前端面试小技巧。#前端##前端面试必备宝典##阿里前端##阿里外包#