一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象;又比如图片显示后隐藏再显示网站内容等也是同样的道理。为了在必要的时候...
分类:
其他好文 时间:
2015-08-11 06:53:04
阅读次数:
117
网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要重新下载一下整...
分类:
Web程序 时间:
2015-08-10 01:38:17
阅读次数:
125
AMD/RequireJSAMD(异步模块定义),RequireJS遵循的AMD规范,主要为前端JS的表现制定规范。预加载student.jsdefine(["jquery","bootstrap"],function($){ console.log("加载student模块"); fu...
分类:
其他好文 时间:
2015-08-09 15:34:24
阅读次数:
112
使用JS实现一组图片动画效果或者使用HTML5 Canvas渲染一系列图片等案例中,需要图片全部加载完成方可运行动画效果。此时程序中就会涉及多张图片预加载代码。当接二连三的案例中都涉及图片预加载时,就需要考虑把这个功能封装为一个通用方法。(1)下面为JS实现图片预加载方法loadImages().....
分类:
编程语言 时间:
2015-08-07 18:48:59
阅读次数:
115
html5提供的有视频播放功能,标签可以使用video
demo如下:
里面的controls表示出现控制按钮,不同的浏览器上,按钮样式会有差别。
preload预加载。
poster没有播放时候的封面图。
有些视频播放不出来,因为视频格式不仅是要mp4的,视频编码方式必须是AVC
效果如下:...
分类:
其他好文 时间:
2015-08-07 11:05:46
阅读次数:
167
说明
上节说了list页面的实现,其中关于几种页面的打开方式没有详细述说,
本节详细述说下几种页面打开方式的区别。
几种打开页面的方式
1.初始化时创建子页面
2.直接打开新页面
3.预加载页面
示例
1.初始化时创建子页面
mui.init({
subpages: [{
url: your - subpage - url, //子页面HT...
分类:
移动开发 时间:
2015-08-04 23:06:30
阅读次数:
228
服务器 获取json数据 解析并显示数据,访问网络的异步加载 图片的lrucache存储 滚动时监听 进行高效加载listview(复杂的listview体现到) 将getview(),显示的图片 移动滚动事件中加载,首页预加载...
分类:
其他好文 时间:
2015-08-03 01:16:33
阅读次数:
239
mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。 以下是mui的初始化。由于博文中不能引用js的代码,故将js....
分类:
其他好文 时间:
2015-08-02 16:37:43
阅读次数:
121
js预加载/延迟加载
博客分类:
· javascript
浏览器面试Chrome腾讯jQuery
在面试中问道了问题,虽然也看过相关资料,但是还是需要增强和梳理下,这些方式出现的需求和实现上的区别。
Pre loader 预加载一般有两种常用方式:xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式,然后使用动态插入节点方法加载的文件都会在加载后立...
分类:
Web程序 时间:
2015-08-01 17:18:13
阅读次数:
128
使用图片预加载可以在确保必要的图片加载完后,就显示页面,而不必等所有的图片加载完再显示页面,提升用户打开页面时的用户体验。...
分类:
编程语言 时间:
2015-07-27 16:30:10
阅读次数:
111