在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
