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感觉比较好维护一点