阿里-优酷前端一面面经

👥 面试题目半夜对象生病了，等外卖药期间，闲着无聊写一下面经 1.讲解一下es6新特性2.讲解一下CSS3新特效3.讲解一下CSS3的动画4.讲解一下let，con，var区别5.一个看代码输出的题，闭包的6.讲解一下箭头函数7.箭头函数的代码输出题目8.vue组件间传值方式9.手写eventBus10.讲解一下promise11.手写一下promise.all，进阶一下错误信息也可以返回12.讲解一下vuex，解决了什么问题，以及基本的API13.项目的登陆怎么做的，讲解一下token过期怎么处理14.如何封装axios，都做了啥？当时是第一次面试大厂，问答的很烂，对方也没有开摄像头，而且问完就闭麦，虽然对方很有礼貌，但是挫败感挺大的，认识到自己的不足了吧，也明确了哪里需要加强，面试官也让我下去再好好看看

自我介绍 手撕 lru缓存 为什么用map，是看文档里说有序吗（说了在cpp里map分为order和unorder，在这里是ordermap，并且网上有博客也说是顺序） 那js的object是有序的吗，用iterator遍历是按序遍历吗，虽然在浏览器里面是按序的，但是在其他环境下是有序吗 介绍一个你熟悉的数据结构 （trie树） trie树和哈夫曼树的应用，能否应用在一个无损压缩数据上，并且不含冗余长度 广度优先和深度优先遍历应用场景，区别 为什么diff使用深度优先不使用广度优先 熟悉ts吗，泛型，强类型 js里不同类型的compare如何实现，如何设计数据类型 ...

由于是三个星期前面的，还没有录音，所以就凭记忆写个问题吧时长：55min1.自我介绍2.介绍下项目并且每个项目举一个遇到的问题3.问电脑上有没有代码，面试官要共享屏幕看。 第一次遇到这样的，手足无措直接慌了神，找代码文件都哆嗦4.根据代码在介绍下项目亮点5.问浏览器输入url后会发生什么，越详细越好6.问了浏览器缓存的方式7.js的异步原理8.宏队列和微队列有什么区别。 这里我犯蠢了非要扯一嘴交互队列和延时队列，直接被面试官追着问，最后缴械投降，面试官说先把宏队列和微队列理清楚，没必要这么细分9.css问了布局的问题吧好像是flex和grid相关的 忘记了10.vue的响应式原理，vue2和vue3的区别11.vue3中的diff算法12.浅拷贝和深拷贝，如何实现一个深拷贝13.手撕vue2的响应式原理，用Object.defineProperty()进行数据劫持。 第一次面试手撕，甚至都不知道怎么开始，自己建了一个html文件在上面写js代码，面试官提示说可以用nodejs写，我说我不会nodejs14.反问一面总体上不难，八股问的很基础，面试官主要看你是不是真正写过代码，反应能力和基础吧

面试官人特别特别好，真的学到很多东西，他还会引导我回答问题没有自我介绍和项目问题，直接开始问技术问题html5，4.0，说说这些版本之间的区别？语义化有什么好处吗？script一般放在哪个位置？为什么放在body最后？什么时候用defer,什么时候不用defer？要是有一个script标签里面的内容不是必须的，但是这个script标签发生错误，页面会白屏吗？有哪几种可能性呢？没有加async/defer情况下一定会白屏吗？常见的js错误有哪些呢？（看错误有没有影响主页面渲染进程）position有哪几种取值？哪些脱离文档流，哪些没有脱离文档流？现在有一个元素（fixed定位）在页面的右下方，这时给它套一个父元素（relative定位），会有什么影响呢？要是换成absolute呢？es6有哪些新特性？这些知识大都是背下来还是理解下来的？const a = "a"const b = "b"const c = "a" + "b"const d = a + bc == d ?c === d?在js中基本类型有哪些？基本类型引用类型存在哪里？在栈中存的是值还是地址？string是什么类型？上述代码有几份“ab”？使用vue中v-for渲染十个div([0....9])（div里面没有东西），现在变成[0.....8]是第一个被销毁还是第十个被销毁？哪些元素被销毁了，哪些元素会重新渲染？变成[1...9]，那现在被销毁的是哪个？现在变成{{ index }}，现在变成[0....8]，销毁的是哪一个？变成[1....9]呢？大量元素的时候，除了虚拟滚动的方式还有什么方法？（时间分片、管道）前端组件化、模块化怎么做的？a文件中引入c文件，b文件中引入c文件，打包完成后，源码中有几份c文件？npm里面安装了几个依赖，一个组件包安装的是vue2，另外一个安装的是vue3，会不会安装成功？三到五天出结果，面试官夸我了诶他居然说我很不错我真的哭死