携程 4.7前端一面

面试官人特别特别好，真的学到很多东西，他还会引导我回答问题没有自我介绍和项目问题，直接开始问技术问题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，会不会安装成功？三到五天出结果，面试官夸我了诶他居然说我很不错我真的哭死

自我介绍问了一些关于团队如何学习前端做过的最有挑战的事情有没有了解过hocssr然后就是一个回调调用转链式调用，一直想用回调去返回Promise(脑抽了)卡了半天后面就没了，面试官很好，一直在引导，最后的题卡了好久基础太差，准备后面了

由于是三个星期前面的，还没有录音，所以就凭记忆写个问题吧时长：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.反问一面总体上不难，八股问的很基础，面试官主要看你是不是真正写过代码，反应能力和基础吧

1.自我介绍2.Promise输出题3.手写 数组和对象相互嵌套怎么输出4.手写 对象中随机取数，要求不能和上一次的值相同