使用步骤: 1、引入jquery库、版本需求需要按照实际情况 2、这里必须设置图片的width和height,否则插件可能无法正常工作。 3、img的src 放置loading图标,data-original放置图片的真实路径。 使用图片懒加载的好处: 1、减轻服务器压力。 2、提高用户的体验。 ...
分类:
其他好文 时间:
2016-09-18 22:16:46
阅读次数:
218
网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面...
分类:
Web程序 时间:
2016-09-04 00:13:22
阅读次数:
242
没有转载功能,我只好复制粘贴了。原文:http://www.cnblogs.com/developersupport/p/webpage-performance-best-practices.html 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, styleshe ...
分类:
其他好文 时间:
2016-08-31 15:28:28
阅读次数:
205
网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面...
分类:
Web程序 时间:
2016-08-30 22:47:30
阅读次数:
296
原文链接:http://www.cnblogs.com/xxcanghai/p/5205998.html 链接:http://www.zhihu.com/question/21658448/answer/18903129 网络性能优化,加快访问速度,浏览器并行加载数量,怎样实现原生JS异步载入,CD ...
分类:
Web程序 时间:
2016-08-10 12:19:17
阅读次数:
249
因为计算量与每次重排版有关,大多数浏览器通过队列化修改和批量显示优化重排版过程。然而,你可能(经常不由自主地)强迫队列刷新并要求所有计划改变的部分立刻应用。获取布局信息的操作将导致刷新队列动作,这意味着使用了下面这些方法: ? offsetTop, offsetLeft, offsetWidth, offsetHeight ? scrollTop, scrollLeft, scrollWidth...
分类:
其他好文 时间:
2016-08-03 10:41:38
阅读次数:
201
CSS选择器效率:CSS选择器具有高效的继承性,引用Steve Souders的话, CSS选择器效率从高到低的排序如下:ID选择器 比如#header类选择器 比如.promo元素选择器 比如 div兄弟选择器 比如 h2 + p子选择器 比如 li > ul后代选择器 比如 ul a 7. 通用选择器 比如 *属性选择器 比如 type = “text”伪类/伪元素选择器 比如 a:hover...
分类:
Web程序 时间:
2016-08-03 10:40:24
阅读次数:
222
添加或删除可见的 DOM 元素 元素位置改变 元素尺寸改变(因为边距,填充,边框宽度,宽度,高度等属性改变) 内容改变,例如,文本改变或图片被另一个不同尺寸的所替代 浏览器窗口改变尺寸 根据改变的性质,渲染树上或大或小的一部分需要重新计算。某些改变可导致重排版整个页面:例如,当一个滚动条出现时。...
分类:
其他好文 时间:
2016-08-03 10:39:31
阅读次数:
120
给DOM添加相同的数量的字符串,到底什么会相应性能呢?测试代码: var length = 300000;
function Test1() {
var t = [length];
for (var i = 0; i < length; i++) {
t.push("" + i.toString());
}...
分类:
其他好文 时间:
2016-08-01 10:47:25
阅读次数:
178
重写自己如何减少判断?其实我也是学习别人的代码,才明白的。具体代码: //兼容的绑定事件方法
function addHandler(target, eventType, handler) {
//重写自己
if (target.addEventListener) { //DOM2 Events
ad...
分类:
其他好文 时间:
2016-08-01 10:45:14
阅读次数:
150