项目开发中JavaScript和CSS的知识补漏(二)

1. 运用vh作为大小屏的高度适应方案

设置页面某个元素最小高度为100vh，可以保证其无论在大屏或者小屏下高度充满浏览器高度，而且设置100vh不用考虑其父元素高度是否已设置，而设置100%必须在其父元素高度是一个有效值才能起作用

2.获取元素样式表中的样式

style对象获取的样式只是通过style属性设置的样式。
使用document.defaultView.getComputedStyle().属性可以获取，style对象设置的样式和样式表设置的样式混合计算后的样式，IE兼容的写法：const finalStyle = e.target.currentStyle ? e.target.currentStyle : document.defaultView.getComputedStyle(e.target, null);

3. CSS Moudle中的继承样式 Compose

.textColor{
  color: red;
}
.title{
  composes: .textColor;
}
//应用title类名的元素color会是红色

4.React中的setState中回调函数

• setState是一个异步行为，直到render函数被调用时，this.state才被更新
• 多次调用的setState函数效果会被merge合并，节省性能
• 使用setState的回调函数，可以立刻获取设置的state值
  http://www.360doc.com/content/17/0803/18/27576111_676420051.shtml

5.toFixed方法接受number 返回string

6.在connector.bind("mouseover", (e,i) => {})函数中 第一个参数是connector 第二个是原生鼠标事件对象

7.JavaScript中多个数组的笛卡尔积

https://cloud.tencent.com/developer/ask/62384

8.JavaScript中的可枚举性enumerable

对象属性的enumerable为false，所以一般的遍历操作都无法获取该属性，使得它有点像“秘密”属性，但还是可以直接获取它的值 QQ图片20180906210504.png

9.怎么安全的获取一个对象的深层次属性

当我们需要获取的属性在对象上嵌套的很深的时候 可以使用try catch方式获取

10. 判断一个元素中是否包含另一个元素 contains()