小記

①image-setjavascript

  .cnt{html

    background-image: url(../img/x.png);java

    background: -webkit-image-set(web

      url(../img/1x.png) 1x,url

      url(../img/2x.png) 2X,orm

      url(.../img/3X.png) 3X;htm

    );圖片

  }ip

 

② word-break: break-all; 單詞折斷換行utf-8

  word-wrap: break-word; 整個單詞換行

 

③計算圖片加載時間

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>img-load</title>
</head>
<body>
<img src="https://www.baidu.com/img/bd_logo1.png">

<script type="text/javascript">
var measure_start = performance.now();
document.getElementsByTagName("img")[0].addEventListener("load", function(){
var measure_end = performance.now();
console.log("image load time:" + (measure_end - measure_start));
},false);
</script>

</body>
</html>

 

④scrollbar

相關文章
相關標籤/搜索