Blog优化

-发现博客,网站没被百度搜录,要加一下

https://ziyuan.baidu.com/linksubmit/index?site=http://www.marszm.cn/

没成功,加个http://tool.chinaz.com/robots/ robots试试

-页面有点单调,加了个小猫。。

-页面文字结构太乱了。。加个小格子和hover效果。。Nice

#catIframe {
	position: absolute;
	width: 400px;
}

@media screen and (min-width: 48em){
.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
    padding-bottom: 4em;
    border: 1px solid #dcdee2;
    padding: 2em;
    margin-bottom: 1.5em;          transition: all .2s ease-in-out;
}
.blog .site-main > article:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    border-color: #eee;
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px)
}
}

-滚动条太丑

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: rgba(50, 200, 250, .25);
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

继续阅读“Blog优化”

ES6常用Feature

1.数组去重,一行

array = Array.from(new Set(array)) //new Set返回的是个对象,需要from生成数组.

2.数组操作

  • 克隆数组:const arr = [...arr1]
  • 合并数组:const arr = [...arr1, ...arr2]
  • 拼接数组:arr.push(...arr1)