在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式（其中有的只是书写方式不一样）。
1：使用jQuery的$(function){};
2：使用jquery的$(document).ready(function(){});
前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。
3：使用jQuery的$(window).load(function(){});
4：使用window.onload = function(){}
第3种和第4种都是等到整个window加载完成执行方法体。两者也没有区别，只是一个使用dom对象，一个使用jQuery对象。
5：在标签上静态绑定onload事件，<body onload="aaa()">等待body加载完成，就会执行aaa()方法。
那么，这五种方式，执行的先后顺序是怎么样的呢？
通过下方代码验证发现：
- 使用第一种 jQuery的$(function){} 和第二种 jquery的$(document).ready(function(){});无论位置放置在哪里，总是优先其余三种方式（原因是：这两种方式是在document加载完成后就执行，后三种是等到整个window页面加载完成后才执行），这两者之间的执行顺序是谁在上方谁优先执行。
- 使用第三种 jQuery的$(window).load(function(){});和第四种 window.onload = function bbb(){}这两种方式，总是优先于<body onload="aaa()">执行。他们两者执行顺序也是根据谁在上方谁先执行。
- 使用第五种 <body onload="aaa()">总是最后执行。
代码：
<script type='text/javascript'>
window.onload = function(){
alert("页面加载完成====》onload");
}
$(window).load(function(){
alert("jquery===》window load" );
})
$(document).ready(function () {
alert("jquery====》document ready");
});
$(function(){
alert("jquery====》document onload");
});
function aaa(){
alert("静态标签====》onload");
}
</script>
<body onload="aaa()"></body>懒加载的3种实现方式
优势：性能收益：浏览器加载图片、decode、渲染都需要耗费资源，懒加载能节约性能消耗，缩短onload事件时间。节约带宽：这个不需要解释。
图片懒加载的前世今生
到此，实现图片懒加载主要有两种方法： 监听 scroll 事件，通过 getBoundingClientRect() 计算目标元素与视口的交叉状态；IntersectionObserver 接口。
Vue实现懒加载
什么叫懒加载？就是只有在访问的时候才会进行请求加载，这可以有效提升网站打开的速度,加上这行，就可以做到懒加载↓===括号里的路径改成组件的路径，然后就不需要在上面import了
页面性能优化-原生JS实现图片懒加载
在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化
js实现图片惰性加载
在讲图片的惰性加载前，我们先来聊聊惰性加载。惰性加载又称为延迟加载、懒加载等，还有个好听的英文名字叫做 lazyload。需要注意的是，惰性加载并不只是图片的专利，Javascript 中函数也有惰性加载的概念
小程序如何使用分包加载
在小程序开发的过程中，小程序的体积会随着版本的迭代变的越来越大，这时候我们就希望能够将小程序分成多个包从服务器下载，这样既可以加快首屏的渲染也便于后续按需加载的实现
php的自动加载的使用
在autoload机制引入前，要引用其他文件中的函数和类需使用include/require把文件加载。随着SPL库中的autoload机制以及命名空间的完善，现代化PHP开发鲜少见到以include/require的方式加载类
js判断异步引入的js文件是否加载完毕
在正常的加载过程中，js的加载都是同步的，也就是在加载过程中，浏览器会阻塞接下来的内容的加载。这时候我们就要用到动态加载，动态加载是异步的，如果我们在后边要用到这个动态加载的js文件里的东西
Flutter异步加载：Future，async/await
Future对象表示异步操作的结果，我们通常通过then（）来处理返回的结果；async用于标明函数是一个异步函数，其返回值类型是Future对象；await用来等待耗时操作的返回结果，这个操作会阻塞到后面的代码
简单高效实现一个按需加载图片的逻辑
需求：根据页面滚动，当图片进入视野，就开始加载，否则不加载任何图片。页面加载完成时先调用一下，首屏内的图片。代码简单，却很通用，很实用。方便扩展
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!