多语言展示
当前在线:1211今日阅读:176今日分享:34

全设备自适应高效异步预加载页面

《全设备自适应高效异步预加载页面方案》是个人多年工程师研发经验感悟的总结,主要运用JS技术思维实现全设备自适应高效异步预加载(如html、JSP、ASP、PHP等)页面。
方法/步骤
1

用户访问首页时,先加载一个轻量图片或文本内容介绍

2

加载1的同时异步计算当前设备的分辨率之类的参数

3

根据设备分辨率参数设置当前页面的布局参数(根据分辨率大小选择最适应当前设备的布局方式和参数)

4

加载当前页面内容,并立即异步计算二级页面(子界面)的布局参数(相当于利用用户浏览当前页内容的时间做二级页面的预加载的部分工作)

5

当异步计算二级页面(子界面)的布局参数后,(如果当前页面的二级页面只有一个,并且有其他预加载页面技术经验的可考虑预加载二级页面,只是影藏不显示先,)当用户选择二级页面时,把刚才相应异步计算的二级页面的布局参数传过去给二级页面

6

二级页面获取到设置参数立即布局,而不用再计算分辨率和其他布局参数了,加载二级页面的同时,又异步计算三级页面的布局参数,如此类推下去,这样每个页面既能做到全适应,又能快速流畅加载页面了,高效就体现了。(后有闲情会新做个简单易懂而又详细的指导demo,敬请关注)

推荐信息