2017年前端面试经历7-瓜子二手车

本来只是打算过去面试，打打酱油，有个一小时就能回来，结果没想到一去就是四面，结束之后居然拿到offer了

面试了这么多家，拿到的第一个offer，还是挺高兴的

HR总是一副言语轻柔但是盛气凌人的态度，给我的最后期限就是今天下午（周五下午6点前），我不准备接受这个offer，因为我觉得网易和百度应该八九不离十，而且我觉得去瓜子这种平台，我可能不到一年又会想要离开，这样的话我还不如在简单再沉淀一下

是不是太老实了，不想去违约，太怂了吧也

这个团队也算是瓜子做数据支撑平台的团队，技术栈是Vue，团队也算是刚刚建立，主管是从小米MIU出来的，但是感觉技术水平也一般吧，二面的时候面试官一副腹黑的样子，没问太多就OK了，然后是HR，她给我的印象最差，对我的要求和提问总是一副不屑的样子，最后是总监，从微软出来的，总是往外蹦英文单词，给我的感觉就是装模作样的。

面试的细节给我的整体感觉不是很好，对技术并没有一个很严谨的态度，仅仅是薪水方面比现在有了很大的提高。

所以，期望百度和网易能有个好的结果吧

Vue生命周期

Vue何时构建真实dom

Vue的Render函数生成虚拟dom，然后会通过dom diff，生成真实dom

这个步骤是patch方法实现的，也就是在mounted之前或者updated之前完成的

我认为面试官说是在beforeMount完成的是错误的

CSS选择器优先级

• !important优先级最高，无法被覆盖
• 内联样式的优先级是1000，
• ID选择器的优先级是0100
• class选择器（伪类选择器、属性选择器）的优先级是0010
• 标签选择器（伪对象选择器）的优先级是0001
• 通配符
• inherit
• 浏览器定义

下面test的文字的颜色是：

<style>
  #outer {
    color: blue;
  }
  .inner{
    color: yellow;
  }
</style>
<div class="outer" id="outer">
  <div class="inner">test</div>
</div>

注意blue颜色是继承而来，优先级是低于yellow的类选择器的

CSS属性选择器

• [attr]：选取带有指定属性attr的元素
• [attr=value]：选取带有指定属性，并且属性值唯一等于value的元素
• [attr~=value]：选取带有指定属性，并且属性值包含value的元素

<div class="a b c">123</div>
<div class="d b c">123</div>

想要利用属性选择器选择同时包含类a和类b的元素：

div[class~=b][class~=a]{
  background: red;
}

不