本篇面经由一位美团大佬供稿，他作为该场面试的面试官，面试一位2年外包经验的前端开发同学。

下面直接进入面试环节。

PS：以下面试题的答案，已全部录入面试题录，点击题目即可直接查看对应的答案。

面试题

• CSS 中 display:none; visibility: hidden; opacity: 0 的异同点

• flex布局常见问题 ，以及flex属性值

• CSS选择器以及权重问题 ，相同权重的CSS规则写在两个样式文件中，权重如何区分？CSS样式冲突问题如何解决

•  CSS会阻塞浏览器渲染么 ，项目中有哪些优化手段 ？

• Promise解决了什么问题 ，有哪些状态 ，状态之间的扭转规则是什么 ？

• 实现一个字符串的repeat方法，使得：repeat('abc') => 'abcabc'；能否支持字符串直接调用repeat？如'abc'.repeat() => 'abcabc'

• vue中父子组件有哪些通信方式

• vue3.0有什么变化？

• Vuex和Redux的区别

• mapState、mapMutation、mapAction如何使用
• Vue有一个data属性为arr=[1,2]，这时候有个click方法里面通过this.arr[0]=2修改arr值，这个操作以后界面上会展示什么？

• 浏览器在使用HTTPS传输数据的流程是什么

• 不同标签页间怎么进行通信？

面试官点评

本次面试的岗位属于外包性质，由于面试者只是一个2年经验的前端开发人员，而且之前都是在外包公司，所以本次面试问的问题都比较基础，主要考察面试者的基础是否扎实。

一般的公司对于外包人员的的要求会比正式岗位低很多，只要求来了能干活就行。如果碰到表现特别好的外包人员，还是有转正的机会。

最后