前端暑期实习面经——携程一面(附面试官建议

👩‍💻个人简介

🐰个人主页：地球小小🙋‍♀️
🍎博客领域：前端💡面经💡读书生活💡
🍔写作风格：干货,干货,干货
🚀支持作者：点赞👍、收藏⭐、留言💬

面试前叨叨：这场携程的电话面试是我开始找实习以来第一场面试，对于一个知其然不知其所以然的人来说，很多题都答不上来，但是感谢这场面试给我指明了努力的方向，之后顺利通过字节和阿里的面试也离不开这次经历！🤏

—

• 面试问题
• • 1、webpack打包机制，打包前打包后数据流的转换
  • 2、介绍下echarts，使用echarts后感受，经验
  • 3、深拷贝
  • 4、手动去写深拷贝
  • 5、vuex redux有什么区别，内部机制
  • 6、JS对象、数组
  • 7、HTML5和CSS3有哪些新的api，原理是怎样的
  • 8、splice和slice啥区别是深拷贝还是浅拷贝，实现原理
  • 9、ES6语法实现浅拷贝，扩展运算符
  • 10、ajax如何封装http相关的
  • 11、async await 用过吗，原理是怎么实现的
  • 12、css的扩展运算器用过哪些 less postcss sass
• 面试官所在部门技术栈
• 面试官给的建议

面试问题

主要是针对简历上提到的问，我的简历提到了webpack和echarts，所以面试官先问了这两个，但是问的不是怎么用的，而是实现原理（给跪了🤦‍♂️

1、webpack打包机制，打包前打包后数据流的转换

为什么用webpack,打包前后数据的差异性多大，打包后的格式有什么差异

不需要太深，但要知道事件流是怎么转换的，entry output出入口干了什么事情，各种loader plugin。这些基础要掌握

其他：gamp有了解吗 rollout

2、介绍下echarts，使用echarts后感受，经验

主要是简历里面写了这个。。。

3、深拷贝

什么是深拷贝，深拷贝和浅拷贝的区别

前端哪些用到了深拷贝，原理怎么实现的

clonedeep是哪个第三方组件的提供：lodash，前端很好的类库,

浅拷贝怎么实现：
数组的concat slice 扩展运算符 object.assign属于深拷贝还是浅拷贝

4、手动去写深拷贝

遍历，单纯的遍历够用吗，利用数据结构相关知识，

递归

致命问题 循环引用

为什么很耗内存：

5、vuex redux有什么区别，内部机制

6、JS对象、数组

前后端交互，如何判断得到的对象为空{}

对象如何变为数组

ES6新语法，object.啥

ES6了解多吗

7、HTML5和CSS3有哪些新的api，原理是怎样的

8、splice和slice啥区别是深拷贝还是浅拷贝，实现原理

9、ES6语法实现浅拷贝，扩展运算符

10、ajax如何封装http相关的

11、async await 用过吗，原理是怎么实现的

promice generate

12、css的扩展运算器用过哪些 less postcss sass

面试官所在部门技术栈

react 要求多，node.js web端应用 ssr

面试官给的建议

1、注重算法数据结构与算法，计算机相关基础非常重要

2、学好三大件hcj，H5H4不同，api原理实现，基础打好再看框架vue react

为啥react 出hook，不要停留在只会用，不要太注重项目经验，而忘记基础，别人看重的是基础和可塑性。不会用，但知道原理是怎么实现的，市场上不缺会用的人，懂得原理人很少

3、扩展知识面，大前端node相关（在简历上写很加分，不要求太深，要懂原理）

4、前端：微服务，小程序可以了解

画重点：市场上90%的人都只知其然，真正懂原理的人很少！！！

如果觉得这篇文章对你有一丢丢用处的话，不妨 点赞👍、收藏⭐、留言💬支持一下，你的支持将是我继续创作的最大动力❤️❤️❤️
更多面经请去作者主页翻翻🙋‍♀️！超级干货！帮你横扫面试！🚀