博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
谈页面的加载顺序控制
阅读量:7114 次
发布时间:2019-06-28

本文共 341 字,大约阅读时间需要 1 分钟。

一个常规页面,不管是静态页面还是动态[php]页面,加载顺序是DOM结构自上而下加载,为了调整顺序,一般会采取修改DOM结构的次序,把重要的内容优先加载,而通过CSS改变布局在视觉上感觉不出来。

  

比如上面d1 优先于 d2

这也是结构是否良好的一个考量。但是对css要求较高,而且不是任何情况都能够在视觉上把d2放在d1的上面。

第二个方案,采用AJAX异步拉取内容,然后填充,js是可以控制请求的顺序,先获取d1的内容,塞进去,再获取d2的。

这个方案的不足是请求变多,第一种方案只需要一个html请求就可以了。第二个就变成3个。

第三个方案,facebook的绝招。不用异步,通过js控制加载顺序。用php生成内容作为js的参数,然后塞入容器中。例如:

转载地址:http://fkghl.baihongyu.com/

你可能感兴趣的文章
UIGraphicsBeginImageContext
查看>>
Darker正在连接...
查看>>
Linux命令:sftp
查看>>
bootstrap引入的css和js
查看>>
线段的内部查找
查看>>
html中加载外部文件时的绝对地址&相对地址
查看>>
SpringCloud微服务架构解决方案(四)--springcloud容错保护Hystrix
查看>>
Mms conversation部分学习总结
查看>>
Tomcat7中文文档
查看>>
我最常用的Intellij IDEA快捷键
查看>>
微信小程序周报(第五期)
查看>>
Java的类成员访问权限修饰词(以及类访问权限)
查看>>
Linux系统启动详解
查看>>
tomcat发布的项目访问隐藏项目名称
查看>>
利用CSS text-indent 实现段落首行缩进
查看>>
lwn拾遗:[sn3218 led drivers]-api解释-1
查看>>
浅析ceph rbd镜像类型差异
查看>>
elasticsearch配置文件详解
查看>>
一文深入了解Redis!
查看>>
js判断document.getElementByid("")获得的对象是否存在
查看>>