jQuery

JavaScript vs jQuery 元素集合

译自:JavaScript vs jQuery HTML Collections HTML集合(HTMLCollection)对象是 document.getElementsByTagName,document.getElementsByName 以及 document.getElementsByClassName(并非所有浏览器都支持)这些方法的返回值。表面上看,它们与数组相似,因为它们有length属性,并且元素可以通过索引[index]被访问。然而,它们并不是数组。诸如 push(),slice() 和…

jQuery plugin - Scroll to Top

“返回顶部”的应用相当广泛,在典型的超长页面里,它几乎是必须的。比如新浪微博里,页面的长度因数据的加载而长达数千像素,它的“返回顶部”并没有太多特别之处,唯一有趣的是那个向上箭头是有两个字符组合而成而并非图片: <a href="javascript:;" id="base_scrollToTop" class="W_gotop" style="visibility:hidden;"> <span> <em class=…

Image Lazy Loading

文章比较老了,下面的内容已经过时。现代浏览器中无法实现伪延迟加载。文中提到的插件所实现的伪延迟加载在现代浏览器下也没有效果。 延迟加载 Lazy Loading 是一种设计模式,和预加载 Preloading 相反,最简单的说法就是“按需加载”。如果用在网页里,最多的就是图片的延迟加载。对于一张自上而下的充满图片的页面,尤其是图片列表形式,Lazy Loading的效果会非常的明显,能大幅提高加载速度和体验。大概是近期发觉自己博客里的图片日益变多,所以就打算赶下流行(似乎很大一部分博客都有使用),也简单做一下图片延迟加载。 虽然大部分的框架和插件都提供类似功能,但是代码原理也大都是类似——获取视点即viewpoint的高宽、图片的位置以及当前浏览页面部分的位置,由此判断图片是否在我们的浏览范围之内,如果是则加载它。…