JavaScript小知识10点（2019.2.17）

1、SCSS

  .menu {
    //对类 .menu 的直接子元素是div 的元素进行操作
    >div{
        //xxxxx
    }
}

2、&:hover

.styleHeighlight {
  //& 表示 styleHeighlight
  &:hover {}
}

3、由于浏览器的默认语言是 Javascript，所以 type="application/javascript" 可以省略

<script type="application/javascript" >
</script>

等同于

<script>
</script>

4、jQuery :eq() 选择器
选择第二个 <p> 元素：

$("p:eq(1)")

5、jQuery closest() 方法
获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。
例：寻找符合条件是 <ul> 的 <span> 的第一个祖先元素（父、祖父、曾祖父）

$(document).ready(function(){
    $("span").closest("ul").css({"color":"red","border":"2px solid red"});
});

6、CSS 设置当前可见屏幕高度的 100%

height: '100vh'

7、display:-webkit-box
https://www.cnblogs.com/frankwong/p/4603141.html

8、a.localeCompare(b)
用本地特定的顺序来比较两个字符串

如果 a 小于 b，则 localeCompare() 返回小于 0 的数。
如果 a 大于 b，则该方法返回大于 0 的数。
如果两个字符串相等，或根据本地排序规则没有区别，该方法返回 0。

例：

let stu=['xxd', 'xxc', 'xxb', 'xxa', 'xd', 'xc', 'xb', 'xa']

stu.sort(function(a,b){
  if(a.length==b.length){
     return b.localeCompare(a)
  }else{
     return b.length-a.length
    }
  })
  console.log(stu) //["xxd", "xxc", "xxb", "xxa", "xd", "xc", "xb", "xa"]

9、Object 中用 [ ] 获取中文属性

    let obj={
      风:123,
      雨:'456'
    }

取已知属性时，可以使用 . 或 [ ] ：

    console.log(obj['风']) //123
    console.log(obj.风) //123

循环取属性时，只能使用 [ ] ：

    Object.keys(obj).map(item=>{
      console.log(obj[item]) //123 //'456'
      console.log(obj.item) //undefined //undefined
    })

10、ISO8601 标准时间转为本地时间

    let a='2019-02-12T10:13:59.000000 +0800'
    a=a.split(' ')[0]+a.split(' ')[1]
    let b=new Date(a).toJSON(a)
    let c=+new Date(b)+8*3600*1000
    let d = new Date(c).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'')
    console.log(d) //2019-02-12 10:13:59

---

欢迎关注公众号：gh_042070ae6d0a ，每周分享前端干货和生活感悟！
（完）