前言
图片懒加载在一些图片密集型的网站中运用比较多,通过图片懒加载可以让一些不可视的图片不去加载,避免一次性加载过多的图片导致请求阻塞(浏览器一般对同一域名 下的并发请求的连接数有限制),这样就可以提高网站的加载速度,提高用户体验。
熟悉前端的不会对console和alert陌生,两者在调试的时候可谓是法宝级别的工具,但是关于console,其实远远不止于console.log这一个简单的命令,它能做的事情有很多,那么让我们来一起了解一下,它有哪些冷门功能吧。
谷歌开发者中心上面关于谷歌浏览器控制台console.log()的文档:
格式说明符 | 描述 |
---|---|
%s | 将值格式化为字符串。 |
%d?or?%i | 将值格式化为整数。 |
%f | 将值格式化为浮点值。 |
%o | 将值格式化为可扩展的DOM元素(如在元素面板中)。 |
%O | 将值格式化为可扩展的JavaScript对象。 |
%c | 根据您提供的CSS样式格式化输出字符串。 |
\n是换行,可以将一个字符串设置成多行 %c标记之后的内容使用对应样式,格式如 console.log(‘%c第一个样式%c第二个样式’,’css1′,’css2′); 如此对应 样式和普通的css效果基本一致,可以设置文字颜色,背景颜色,字体大小,间距,边距等等。还支持部分css3高级效果。