在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是: 利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了. 举个例子说明:比如要预先加载某个页面,可以这样: XML/HTML Code 但如果是go ...
分类:
Web程序 时间:
2016-05-18 21:20:55
阅读次数:
220
代理模式的定义:代理模式为一个对象提供一个经纪人,以便控制对它的访问 虚拟代理:虚拟代理把一些开销很大的对象,延迟到真正需要的时候才去创建 使用虚拟代理实现图片预加载 使用代理的意义: 单一职责原则 图片预加载功能不引入任何模式也能实现,但是“管理真实图片”和“管理预加载”的代码就会混杂在一起 如果 ...
分类:
编程语言 时间:
2016-05-18 00:08:16
阅读次数:
138
通过 image标签的onload来实现; 实现原理是用过浏览器的缓存来进行 首先进行循环 for(var i=0;i<10;i++){ //每次进行一个new; var oImg = new Image(); //通过num ++的方法来获取加载的百分比。每成功一个num 自加1; var num ...
分类:
Web程序 时间:
2016-05-16 19:39:31
阅读次数:
180
微信支持下面四个Tab滑动,之前做的demo,遇到两个问题,1:Fragment会预加载,2:创建过的Fragment,来回滑动,会销毁重新创建。今天我这个demo,就要解决这两个问题。第一个问题需要导入一个新的V4包,最后我会提供,ViewPage要设置
mViewPager .setOffscreenPageLimit(0);这样的就能解决预加载的问题。第二个问题:我贴上代码:
pac...
分类:
微信 时间:
2016-05-12 16:18:59
阅读次数:
787
javascript
var button = document.getElementById("js_button");
button.onclick = function(){
var image = document.createElement("img");
image.onload = funct...
分类:
编程语言 时间:
2016-05-12 14:43:23
阅读次数:
175
最近在学习前端的性能优化,有必要了解一下页面的渲染流程,以便对症下药,找出性能的瓶颈所在。以下是我看到的一些东西,分享给大家。
参考:Understanding the renderer
页面的渲染有以下特点:
单线程事件轮询定义明确、连续、操作有序(HTML5)分词和构建DOM树请求资源并预加载构建渲染树并绘制页面
具体来说:
当我们从网络上得到HTML的相应字节时...
分类:
Web程序 时间:
2016-05-07 08:39:52
阅读次数:
254
/**
* canvas插入图片
* 等图片加载完,在执行canvas操作
* 图片预加载:在onload 中调用方法
* drawImage(oImg,x,y,w,h)
* oImg:图片x,y坐标
* w,h宽高
*
* 设置背景
* createPattern(oImg,平铺方式)
* repeat,repeat-x,repeat-y,no-repeat...
分类:
其他好文 时间:
2016-05-07 08:02:48
阅读次数:
144
http://android.jobbole.com/82832/?utm_source=hao.jobbole.com&utm_medium=relatedArticle ...
分类:
其他好文 时间:
2016-05-07 00:52:23
阅读次数:
107
图片预加载jquery插件 jquery.imgpreload var load_img = [];load_img.push('http://m.pubuzhixing.com/Images/vote/music.gif');load_img.push('http://m.pubuzhixing. ...
分类:
Web程序 时间:
2016-05-05 22:20:57
阅读次数:
532
1. 禁止右键点击 2. 隐藏搜索文本框文字 3. 在新窗口中打开链接 4. 检测浏览器 注: 在版本jQuery 1.4中,$.support 替换掉了$.browser 变量 5. 预加载图片 This piece of code will prevent the loading of all ...
分类:
Web程序 时间:
2016-04-27 18:32:02
阅读次数:
268