小记
2015-11-11 16:48
239 查看
①image-set
.cnt{
background-image: url(../img/x.png);
background: -webkit-image-set(
url(../img/1x.png) 1x,
url(../img/2x.png) 2X,
url(.../img/3X.png) 3X;
);
}
② word-break: break-all; 单词折断换行
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
.cnt{
background-image: url(../img/x.png);
background: -webkit-image-set(
url(../img/1x.png) 1x,
url(../img/2x.png) 2X,
url(.../img/3X.png) 3X;
);
}
② word-break: break-all; 单词折断换行
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
相关文章推荐
- 寻找无向连通图的割点
- touch详解
- java日志组件介绍(common-logging,log4j,slf4j,logback )
- 破了我的设计模式的处——痛苦并快乐着
- [Android] Otto源码简析
- 网络访问层
- Centos 6.3下升级subversion版本到1.7.x
- decorator模式
- iOS常用第三方库
- php的基本语法与字符串与增删改查
- JS设置cookie,读取cookie,删除cookie
- C++编译错误:multiple types in one declaration
- Perfect Squares
- 006 - ZigZag Conversion
- 第五章 处理器拦截器详解——跟着开涛学SpringMVC
- android监听应用安装,如判断是新安装的应用,还是覆盖安装的应用
- JAVA字符串格式化-String.format()的使用
- BAT解密:互联网技术发展之路(7)- 网络层技术剖析
- BAT解密:互联网技术发展之路(6)- 服务层技术剖析
- 针对于一个独立car的js做的后台对cookie与数据库转换处理