[前端面试套餐css+js+vue]第三天

css：说说em/px/rem/vh/vw的区别？

写在前面

传统的项目开发中，我们只会用到px，%，em
css3开始，新增了rem，vh，vw，vm等新的计量单位

单位介绍

css单位
相对长度单位	em，ex，ch，rem，vw，vh，vmin，vmax，%
绝对长度单位	cm，mm，in，px，pt，pc

• px：像素
• em：相对长度单位，当对于当前对象内文本的字体尺寸1em=16px
  为了简化换算，font-size=62.5%，1em=10px
  • em值不是固定的
  • em会继承父级元素的字体大小
  • 任意浏览器的默认字体高都是16px
• rem：相对单位，值相对HTML根元素的font-size
• vh，vw
  • vw就是根据窗口的宽度，分成100等份，100vw就表示满宽，50vw就表示一半宽。同理有vh为窗口的高度
  • vw，vh容易与%混淆，不会百分比宽泛的时相对于父元素
  • absolute父元素，fixed相对于可视窗口

js：==和 ===区别，分别在什么情况使用？

等于操作符

==的比较中会先进行类型转换

• 两个都为简单类型，字符串和布尔值都会转换成数值，再比较
• 简单类型与引用类型比较，对象转化成其原始类型的值，再比较
• 两个都为引用类型，则比较它们是否指向同一个对象
• null和undefined相等
• 存在NaN则返回false

全等操作符

===只有两个操作数在不转换的前提下相等菜返回true，即类型相同，值也需相同

vue：组件间的通信方式都有哪些？

• 父子关系的组件数据传递选择props与$emit进行传递，也可选择ref
• 兄弟关系的组件数据传递可选择$bus，其次可以选择$parent进行传递
• 祖先与后代组件数据传递可选择attrs与listeners或者Provide与Inject
• 复杂关系的组件数据传递可以通过vuex存放共享的变量

个人感觉第一点和第四点就够用了，二三写成vuex感觉比较好维护一点