00:00
好,来啊,我们继续。我们前面做的一些效果呢,还有一些bug,有的同学发现了啊,我们到时候后面统一给大家处理掉啊,我们先把这些东西都讲完,呃,下面还有两个,我先把这下面的这个给大家说一说。就说一个什么事了,就我们前面一直在说一个问题,就是说我们可以这么写window.no等于一个什么方向,这是一种,还有一种是这么写是吧,那这么写它的完整写法应该是怎么写的,这个地方有一个。啊,现在我们是不是写的这种简写方式,实际上的写法是这么写的,先包装一下,谁都可以问他,他有一个方法叫什么呢?Ready,实际上就ready监听这里面啊,其实功能是一样的,跟我的这个一模一样的功能,能不能懂,他就觉得说这写我们经常要写这个语法,这种写法太麻烦了,知道吧,所以他设计了一个比较简单的一个语法啊去用。
01:17
啊,也就是说啊,我们也可以这么写啊,Document错啊,这个写个什么ready方法,传一个画个写,它们俩是等同的,能不懂啊,其实这种我们从来不用。所以我们俩是,我们是不是先研究这两个好,哎,研究这个得。得烧点钱啊。三点。没事,这点小钱还是有的。先关一下,再打开一下,哎,这我老婆说起来还有一段神奇的故事,有机会跟他说啊啊好了。
02:33
啊来我们来看一下啊,看一下呃,在这里面呢,我有一个我看一下我的页面啊,我的页面里面呢,有一个非常重要的东西叫image,有一张图片,这个图片是区别他们俩的关键,这是不是网络上的一张图片了啊OK,那来看这里看着啊,我们要做这件事,直接打印输出image的宽度,看看能不能输出。
03:08
能不能我就在这里直接去输出image宽度,那我是不是可以先得到那个什么那个image那个标签,它不有ID吗?啊来看一下能不能得到啊。他的什么,我来干嘛,打印输出一下。啊OK,呃,这里面写一个直接。再写个他。哎,这是一个啊,还有一个我们在这个两个里面也去取一下,看看能不能得到。其实非常简单,就是在这看一下是吧,但这里面是什么load。可以吧,好来下面这一个啊,那我就写个吧,好吧。
04:04
来是不是记快的方式啊,而这个是原生的方式,而这个是在外面,在外面的话,大家想你从上往下执行,是不是马上就会执行它们,好来现在我们来看一下他们的一个结果。哎,图片怎么还没出来嘞。大家应该能看出来了,什么意思,直接得得不得到,那肯定得不到是吧,那我你得到没有没有,那最快的方式得到没有,没有,但是。这要说的是,但是window点按的方式得到没有这个,这就是说他们执行的时间是一样的吗?不一样是吧,不一样,其实还有一个监听啊,还有一个监听,什么监听呢?来我们能不能想办法来监听,图片加载完了。
05:02
什么意思,大概的,我这不是那个图片那个image吗。来,我在后面再加一个啊,我先找到那张图片logo是吧,我其实这个有一个监听,必须用on来加。为什么用an来加呢?因为没有前面说过。这就印证我前面说的话,我们事件是不是加世界有两种方式,一种是事界名,事界名括号是吧,另外一种是用啊是吧,我们说这种方式有个什么缺陷,有的事件它是没办法用的,你去文档里面找,你就找不到一个。No,你找不到没有,那此时我必须用什么啊?那那现在啊,现在我这一个,我把它打印输出一下这一个,这一个就不用写这个了,这个直接写什么this啊这个改改这是image。
06:12
懂不懂,这是相当于给图片加载完成,是绑定那个监听好。那现在我们来看一下他们执行的顺序,现在这样一说啊,效果会完全不一样。跟我家人没关系,大家看我都有,为什么呢?为什么呢?缓存对根号缓存,因为现在图片已经保存在本地了,它冲的一下就显示了,你看连连这一个连直接整它的已有了,看到了吗?能不看到啊,OK,那也就是说我怎么办呢?我怎么演示了,要干嘛删除一下什么缓存,来那个删除缓存,在更多工具里面清除浏览器数据。
07:04
对吧,一个聊天记录在一个缓存的游戏,这个是不是给了什么清楚我的处理。好,清楚了,青团有在干嘛刷新。嗯,你就能看到这个了。前面两个是不还没有,是不是接着你看呢。诶,有人说老师为什么他比较靠后啊。这一个是不是要等所有的数据都加载完成后才去安的?而这一个是不是针对某一张图片。你想啊,我是不是有可能有有两个麦,有没有可能。而我的window点按漏的要什么时候才执行?所有的数据是包含图片数据要全部加载完以后是不是才会按漏的?
08:02
能看出区别吧,嗯。通过这个大家就应该能知道window的按no是在什么时候才执行,这里面强调一个就包括页面肯定是要文档加载完,这个文档加载完它比较模糊,知道吧,你说文档加载完到底什么是文档加载完呢?以前我们也老说啊无是window.load还是我们极快的方式,都说文档价值完是吧?文档价值完什么意思呢?这是不是有两种搞法啊,一种是window的and,它是包含什么,包括页面中的图片也要加载完才会,什么回调它的时间什么比较晚,而我们的我们的这种方式啊。页面加载完是不是就毁掉?也就是说我要去管图片吗?要不要管不管图片?但首先你肯定页面要叫什么,这是必然的吧。
09:04
对不对,好,这个相当于说什么比较早。啊。这是他们时间早晚的问题。尤其对于图片。是比较区别比较大的吧,也就是说我想在这一个里面,在我的最快的这个回调函数里面去取图片的宽度合适吗?不合适。因为你有可能取不到,你说后来不取到吗?那你有一次取不到是不是就有问题。因为用户第一次访问就出问题了,你觉得用户还用吗?你说老师那他再说再说一遍不就好了吗?你不能这样对吧,你第一次的感觉很重要,OK,你第一次就给人感觉很水,那他肯定就不反过来他懒得刷了。好,还有一个问题,还有一个问题来。
10:02
我们现在呢,再加一个window点。是吧,再加一分的量着,我这个呢,写个二。可以吧,哎,我也再加一个,这也写个up,我们看它们会调用几次啊。就刷一下吧,也不搞缓存了。大家看到我的那个接快的回调还是掉几次,是不是两次啊,原一原二嘛,也就是说我的接快的这个回调是不是可以加多个,而window加lo的能加几个,肯定就一个,这必然的,因为你想嘛,你是不是就给window加no这个属性,添加一个函数,你再添加就把以前的什么覆盖掉了,那也就是说window and no它们的区别的R就是window and只能加什么一个间听回调,而我的这一个了可以加什么多个,因为我能加三个吗?
11:14
可不可以,可以这样也可以,嗯,这也是啊,面试的时候啊,可能会问的问题。两个方面的区别啊,一个是时间的早晚,一个是什么?监听的个数没有几个。没问题吧,啊,这个也进不来,你知道一下就可以了,嗯。这个我们后面用啊,后面我们会用这个就是给一个image标签加一个node监听来去监视这个图片是否已经得到图片。啊,是否已经得到普遍,这个还是有用的,就是。
我来说两句