onLoad是的在页面所有文件加载完成后执行 DomContentLoad是Dom加载完成后执行，不必等待样式脚本和图片加载 domContentLoad更为合理， 原理： 如果是webkit引擎则轮询document的readyState属性，当值为loaded或者complete时则触发DOMC ...
分类：
其他好文 时间：
2018-03-10 18:46:24
阅读次数：
177
实际项目开放中，特别是电商项目，由于有大量的图片加载必然会影响性能，所以实现图片的懒加载是非常有必要的。 实现图片懒加载的知识点 实现图片懒加载的原理 Element.getBoundingClientRect()方法 返回值是一个 DOMRect 对象，这个对象是由该元素的 getClientRe ...
分类：
Web程序 时间：
2018-03-09 11:50:43
阅读次数：
337
为网站的图片加上加载失败的默认占位符会让网站看起来更专业、更严谨。 <img src=”__PUBLIC__/img/simple/simplelove.png” onerror=”onerror=null;src=’__PUBLIC__/img/defaultpic.jpg'”> ...
分类：
其他好文 时间：
2018-03-08 23:02:35
阅读次数：
300
先看一下产品需求，如下图所示， 产品要求图片和它的名称一一对应，本来是非常简单的需求，后台直接返回图片路径和名称，前台直接读取就可以了，但是我们没有存储图片的服务器，再加上是一个实验性的需求，图片需要存放到前台。当时我想，vue 中的img 的src 可以动态绑定到一个变量上， 很简单吗，就没有考虑 ...
分类：
其他好文 时间：
2018-03-07 13:34:20
阅读次数：
1802
css 部分使用 svg 绘制环形 此处的 js 放在 body 标签中 ...
分类：
Web程序 时间：
2018-03-05 14:09:18
阅读次数：
292
用最清晰简洁的方法整合一个响应式相册 <! more "效果" 技术选型 由于我选用的主题使用了fancyBox作为图片弹出展示的框架，查看后表示很不错，能满足需要 "http://fancyapps.com/fancybox/3/" 图片加载可能会太慢，所以还需要一个图片延迟加载插件 "Lazyl ...
分类：
其他好文 时间：
2018-02-24 14:54:34
阅读次数：
234
前端 alt是图片加载不出来时候，对图片的文本替代 title 是鼠标放在图片上时，对图片的进一步说明 seo 搜索引擎对图片意思的理解主要靠 alt ...
分类：
其他好文 时间：
2018-02-24 00:58:21
阅读次数：
186
准备放假了！也是闲着了 ，就来整理之前学到或用到的一下知识点和使用内容，这次记录的是关于加载的友好性loading！！！这里记录一下两种加载方法 1.页面加载的方法，它需要用到js里面两个方法 document.onreadystatechange = function(){} document.r ...
分类：
其他好文 时间：
2018-02-06 01:10:25
阅读次数：
192
在特定的应用场景下，有时候我们只是想获取图片的宽高， 但不想通过解码图片才取得这个信息。 预先知道图片的宽高信息，进而提速图片加载，预处理等相关操作以提升体验。 在stackoverflow有一篇相关讨论。 Get Image size WITHOUT loading image into memo ...
分类：
编程语言 时间：
2018-01-20 16:31:10
阅读次数：
229
1、IE8及以下版本不支持onload事件，但支持onreadystatechange事件；2、readyState是onreadystatechange事件的一个状态，值为loaded或complete的时候，表示已经加载完毕。 多张图片 ...
分类：
Web程序 时间：
2018-01-11 11:28:41
阅读次数：
304
