随笔分类 - 延迟加载
摘要:html5中script的async属性我兴奋于html5的原因之一是一些久久未能实现的特性现在可以真正运用于实际项目中了. 如我们使用placeholder效果蛮久了但是那需要javascript来实现. 目前firefox和chrome都是实现了script标签的async属性.这个新的属性能让我们以一种更 简单的方式防止浏览器阻塞,在这之前我们需要用一些javascript小窍门来解决这个问题.async - html代码就像我之前提到的,加个属性很容易.defer - html代码script标签也有个defer属性,目前所有浏览器都已实现, 在firefox和chrome的早期版本没
阅读全文
摘要:关于按需加载js,从而提高页面加载性能:以京东商品详情页面为例:首次打开时,会加载一部分js,当下拉滚动条时,会促发事件,从而以jsponp形式异步加载一些js文件,如评论调用的js文件:http://club.360buy.com/clubservice/newproductcomment-681391-3-0.html?callback=fetchJSON_CommentList(这个链接会被调用,从而加载对应的json数据,再配合实现先好的jsonp处理函数去处理,把结果赋值到对应的位置:如下是fetchJSON_CommentList实现写好的回调函数$(".btn-comm
阅读全文
摘要:经常看到一些数据先显示一个默认的数,然后变成实际的数目,比如京东,淘宝里的评价数,一开始显示0,加载完显示实际的数目,其实他是先设一个默认的值,再用ajax改变特定的位置信息下面是京东商品详细页的截图:
阅读全文