前端一面

这么晚才约面，估计是补录，简单记录一下，给25届同学们留个面经吧吐槽一下：约的下午四点面试，面试官四点半都没到，我都不打算面了，后来给我打了个电话说是刚刚有事在忙。秋招的第二次等待时间超过半小时，第一个是体面厂的hr面。。```面试时长50min，base武汉```1. 自我介绍2. 经典实现水平垂直居中方法3. span元素怎么实现水平居中？4. 多行文本怎么实现图片居中，文字环绕分布？5. 行高和高度的区别？6. span元素行高的默认值？7. flex布局实现一个左边自适应右边宽度固定怎么实现？8. flex-shrinks是什么？9. 给你一个固定宽度为500px的div，怎么让这个div的宽度和高度一直保持一致？也就是当改变高度时，让它的宽度也相应改变。(padding-bottom:100%;)10. h5页面怎么限制不能放大缩小？11. 为什么要把script标签放在body的最后边？12. script标签上defer和async的区别？13. 你是如何理解HTML5的语义化标签？14. 如何用js一次性拿到页面上的所有标签？15. ES6新的语法？16. 箭头函数和用普通function定义一个函数有哪些区别？17. 你理解ES6是什么？20. 说一下Promise能做哪些事情？21. Promise和setTimeout的区别？22. 说一下浏览器的事件循环机制。23. 微任务的执行效率高还是宏任务的执行效率高？24. async和await是啥？25. vue2和vue3的区别？26. Object.defineProperty和proxy的性能哪个高？27. vue3使用ref和reactive对比会出现什么问题？28. vue2中$props和$attrs有什么区别？29. vue2里new vue的时候会做什么事情？30. vuex是怎么实现响应式？31. vue的模板和jsx的区别？32. template里使用data里的数据为什么不用加this？33. 组件的实例化的过程？1000字了，字数超了，剩下几个问题用图片形式给出来吧：问了好多问题啊，答得七七八八，许愿二面。

个人感觉答得一般般，有些八股看过但是后来忘记了，11月份八股很久没背了，简单说一下面试官问的问题吧1. 你导师的研究方向？你是什么时候接触到前端的？2. 你是怎么平衡导师的任务和学习前端的？3. 实习期间收获最大的是什么？4. 实习用的vue2吗？5. 介绍一下Promise方法6. 对象有哪些方法？7. 对于原型和原型链的理解？8. vue中怎么定义响应式数据？既然ref可以定义任意类型的响应式变量，为什么还需要reactive呢？9. reactive直接解构出来的属性是失去响应式的，怎么让解构的结果也具有响应式呢？10. toRefs()是怎么实现的有了解过吗？11. vue中用定时器可以替代nextTick吗？12. webpack怎么优化打包体积？13. cookie中有哪些是和前端安全相关的？14. csrf的概念以及预防手段？15. ts中的高级类型有哪些？16. 前端模块化有哪些规范？17. commonjs规范和esm规范的区别有哪些？反问：面试结果什么时候通知？答：三到五天-----------------------------------------------------11.6更新----------------------------------------------------------刚刚问了hr，说一面已过嘻嘻

9.13笔试，因为和其他笔试撞了，20分钟搞定的，本来以为没戏了，结果20号中午给我发了一面电话通知20号到今天因为实习和离职手续、退租等事情，一直没准备面试的东西，后天要面试了很慌，有大佬可以给点建议吗？有面过的小伙伴吗？感觉同程的面试咋样？

1.项目中遇到的困难2.浏览器异步有哪些机制3.fetch和ajax有什么区别4.项目中遇到权限列表之类的场景的时候，如果展开数据特别多，怎么处理5.用到过哪些es6新特性6.map，forEach有什么区别7.输入一个网址，然后到网页呈现中途需要经历什么。8.发布订阅模式和观察者模式的区别。除此之外还了解哪些设计模式，常用的有哪些。9.怎样判断复杂数据类型。10.了解迭代器吗，说一说应用场景。11.关于继承说一说。12.闭包13.