《携程前端》专题

# 一面（9月8日） - 总时长43分钟，体验很好，面试官人很不错 1. 先介绍一下自己吧 2. 你在学校里面有什么项目经验吗 3. 在项目中有遇到什么困难，如何解决的 4. 讲一下url到浏览器呈现中间的过程 5. 看一下你的项目（看了一下项目代码，说你代码可以运行相信也是你自己写的代码就不问细节了） 6. 针对项目的一个小问题问了如何改进（没搞懂他的具体想问的解决方案，就具体说了那个位置的代码

自我介绍 常规八股： 八股明明都事无巨细地回答了，比如问跨域，我从同源策略讲到跨域，讲到解决方案，以及各种方案的原理和优缺点。但是面试官会问，那不设置同源策略会有什么后果。。。。。。。。。救命，这个是我疏忽了！？！再问前端路由，我就讲前端路由的原理，用来做单页面应用，有hash和history两种模式，各自的原理，这里我特意给自己留了个漏洞，没有讲优缺点，果然面试官追问了优缺点，我回答histor

携程 一面 自我介绍 技术栈写了很多后端的东西，为什么做前端 项目上线没有 实习碰到什么困难，怎么解决 vue 生命周期 跨域 盒子模型 position 数组遍历一遍，找到top2的数，说思路 金条7克分成3份，每天必须给出去1份，怎么分（1，2，4） 职业发展规划 二面 面试官先介绍了一下本次面试是交叉面试，一面是我最终去的部门的，流程是先问些前端知识、再问项目+实习、最后反问。 知识点（记不

项目 项目介绍 antd用的什么版本，用了哪些组件，用组件库和不用组件库有什么区别 权限系统怎么实现的 React 类组件生命周期 从头到尾捋一遍 函数组件生命周期怎么实现ComponentDidMound的效果 React Hooks用过哪些 useRef返回值是什么，用useState可以实现useRef的效果吗，useMemo返回值是什么，怎么用 如何减少渲染次数 有哪些Hooks可以减少渲

4道算法 1. 签到题 给出一个字符矩阵，算出有多少个2*2的子矩阵中有'y', 'o', 'u' 2. 最大的最小公倍数 一个正整数n，现在要找到两个正整数a，b，使得a+b=n，并且a和b的最小公倍数是最大的这道题一直报超时，a了40%，不知道啥原因，有大佬讲解下吗 3. 图Graph 二进制树直接放弃了 4. 回文子串 01串的回文子串，一个字符串由“0”和“1”组成，，该字符串被放在数组中

我想问一下uu们有没有同一个面试官的，他腾讯会议名字是英文，开头他说了一下自己叫啥，然后我就说面试官您好，但是我没有自我介绍说自己叫啥，因为我以为他会说你先自我介绍一下吧，结果就直接开始了？？？然后感觉中间一直在针对我，还带了几次嘲讽。对面网络还贼卡，可能人在国外吧，但真就感觉像KPI，卡了他没听到也不管了。最后也没有反问环节。怀疑是不是我没有自觉自我介绍的缘故，大家认为是我的错吗

介绍项目 项目的数据来源、数据的格式 有哪些功能，每个页面都是单独的可视化 图表里面很多数据，如何优化 事件冒泡与事件委托的区别 跨域的方法有哪些，使用cors的优势 立即执行函数的作用有哪些 手写题--找到数组中第k大的数，要求堆实现

总结：问的比较基础 挖的不深，面试官人很好笑眯眯的 面试官自我介绍 自我介绍 聊了二十分钟项目 问了一些css场景题 js基本数据类型 检测数据类型的方式 异步这块问的比较多 手写了个promise 继承 网安 写题：字符串的最长回文子串 快排 反问

1. 介绍一下项目难点 2. vue2和vue3的区别 3. 在项目中如何实现的父子组件通信 4. 如何学习的vue，你的学习方式 5. es6新特性 6. call，apply，bind的区别 7. 说一说promise以及运用 8. 说一说ajax，能自己封装一个http请求库么 9. ajax， fetch， axios怎么解决兼容性问题 10. 说说http状态码 11. 说说浏览器跨域以

没有记时间，两面一共加起来一个小时左右吧 一面就是八股，简单的项目问题，面试完5、6分钟会告诉结果，通过的话就现场继续面 二面主要问了实习项目，面试官上来先来一句你们怎么都有实习啊然后还发现了我昨晚刚改的简历中一个bug，然后就说那我就挑着你简历写的问了，问了我tcp/ip，问了我软件工程相关的，然后问了为为什么想做前端，为什么来携程，最后拿面试官电脑做了个算法，力扣简单题，2分钟a了 后续就是给

--- title: 携程线下面试 date: 2024-09-13T04:04:27.467Z tags: - 前端 - 面试 --- 昨天去携程线下面试了，二面挂了，虽然意料之中，还是有点沮丧🙍。秋招第一面就挂了，还是我挺想去的公司，就还是有点难受。甚至有点怀疑自己了。可能大环境不好加上非科班转码就是不太好找工作，秋招继续加油吧。简单复盘一下面试记录吧 # 一面 1. 看你的项目都是比较新的

一面 canvas常用方法 盒子模型 有哪些定位 css样式权重 js有哪些数据类型 页面居中有哪些方法 事件循环，看事件循环代码输出 原型，原型链 react与react native在css上区别 手撕深拷贝 项目拷打，为什么使用xx技术 --------------------------------- 二面 手撕proxy监听 react如何渲染，diff双重缓冲 react错误捕获 tr

面试体验很棒，面试官也会进行一些补充引导，希望不是kpi 1.自我介绍 2.项目怎么设计的，怎么思考的 3.举例说明项目哪些技术栈是你深思熟虑后才用的 4.说一下vue2和vue3区别 5.vue2和vue3在框架实现上有什么区别（一脸懵） 6.vue2和vue3在双向绑定上有什么区别 7.做项目有什么性能优化的经验 8.用虚拟滚动出现白屏怎么解决，有没有用到节流 9.如果用户反馈页面卡顿，如何查

自我介绍 问学了什么课程 项目介绍及深挖 登录token怎么存储，localstorage存有什么问题 localstorage和sessionstorage区别 html5语义化标签说几个 html遇到script怎么处理，阻塞 浏览器解析html过程 移动端适配解决方案 css两种盒模型 transition和animation区别 less和sass有了解过吗 水平居中方法 js基本数据类型

总体：还算顺利，被面试官夸都挺不错的，就是面试官麦有点炸老听不清楚……这些问题都被问烂了基本上。 1.vue2vue3区别（我提到了diff算法，就让我详细解释了vue2diff过程，拓展问为什么要设计成先比较头尾指针） 2.性能优化的办法（各个方面） 3.vite比webpack快的原因 4.闭包可能导致的问题 5.如何检测内存泄漏（这个不会，说是可以打开文档之后过一段时间看浏览器的内存有没有爆