[javascript]view plaincopy 懒加载（LazyLoad）一直是前端的优化方案之一。它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。这在一定程度上减轻了服务器端的压力，也加快了页面的呈现速度。 懒加载多用于图片，因为它属于流量的大头。最典型的懒加载实现方案是先将需...
分类：
其他好文 时间：
2015-04-13 14:13:05
阅读次数：
144
瀑布流布局
我们常能在网上看到很多瀑布流布局的页面，尤其是很多图片网站，例如百度图片。这种最典型的瀑布流布局，每个元素的宽度是固定的，但图片长度各不相同，于是通过下图这种样子竖着排列了下来，达到了最大的页面空间利用率。
因为对前端开发不了解，一开始为了找到这种布局叫什么名字也是花了我好久时间o(╯□╰)o
瀑布流布局不局限于等宽布局，例如下面这种形式也可以，来自M...
分类：
Web程序 时间：
2015-03-21 20:04:00
阅读次数：
8508
http://blog.csdn.net/ning109314/article/details/7042829目前图片延迟加载主要分两大块，一是触发加载（根据滚动条位置加载图片）；二是自动预加载（加载完首屏后n秒后自动加载其他位置的图片）。现在最流行使用的就是LazyLoad.js及scrollLo...
分类：
Web程序 时间：
2015-03-18 10:15:34
阅读次数：
282
我们常常会见到很多网页的图片并不是一打开页面就全部加载的，而是浏览到当前的图片位置才显示出来。这是怎么实现出来的呢？ 其实这就是目前较为流行的“延迟加载”（Lazy Load）技术，灵感来自Matt Mlinac制作的YUI ImageLoader工具箱。 后来就形成了一个比较完整的jQuery...
分类：
Web程序 时间：
2015-03-15 19:45:01
阅读次数：
202
如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片，从而可以减少服务器的压力，提高页面加载速度。Lazy...
分类：
Web程序 时间：
2015-03-13 16:22:52
阅读次数：
165
此前在浏览一些网站的时候，发现他们网站的图片都是你“鼠标”滚到哪，图片才会加载显示。当时觉得好神奇，怎么会这么“跟手”呢。在学习JS和jQuery后，自己尝试写了能够实现lazyload的方法。核心原理是：1 设置一个定时器，计算每张图片是否会随着滚动条的滚动，而出现在视口（也就是浏览器中的展现网站...
分类：
其他好文 时间：
2015-03-06 19:07:18
阅读次数：
136
有时候由于图片太大，我们需要一个友好的提示，提示用户图片正在加载中，那么以下通过引入jquery就能轻而易举的实现。
demo下载地址：http://download.csdn.net/download/tjcyjd/8475549
其中需要3个js：jquery.min1.7.1.js、jquery.lazyload.js、image.lazyload.js
代码如下：
...
分类：
其他好文 时间：
2015-03-05 19:35:14
阅读次数：
226
图片预加载是非常常见的一个功能，PC和移动端都会用到，尤其是在移动端，只要涉及到较多图片的加载都会用到该技术。下面是移动端用到的，引入了zepto。 Lazyload ...
分类：
编程语言 时间：
2015-03-05 16:14:13
阅读次数：
249
如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片，从而可以减少服务器的压力，提高页面加载速度。Lazy...
分类：
Web程序 时间：
2015-02-26 16:23:59
阅读次数：
116
