00:00
好,各位同学,接下来咱们要做的另外一件事叫图片栏加载。我们不知道在学基础的时候有没有学过。应该是没有,没有学过。行好是吧,好,这个咱们先说什么叫图片懒,在很多的网站应该见过这种情况,看着就搜看啊。没问题吧?走,哎,这不是不是他往哪走,还没醒。幺三七三四五六七八九十十一走123456走看一下这啊走你看没问题吧。跟咱数据是一样的,你看。走。走。你发没发现一件事,什么事,在服务器的数据没回来之前,是不是有个默认图片。
01:02
在很多网站当中应该见过吧?这就举例子,你去淘宝,有的时候网络不好的时,你发现是有个认的。当服务器的数据活跃之后,是不是变成服务器了?这个软件图片的管家的。蓝加载呢,当然呢,也有相应的插件,这里呢,咱们也去看一下,就是哪个插件叫做用lazy log。就是这个图片乱加载。所以说这几个字认识吗?Lazy。懒漏加在。OK吧,它是有相应的这个插件的,记住把老师讲前面项目用到这些插件一定要记住。比如说进度条是不是叫。二维码是不是叫Q啊。空对不来下载谁UE laz log,像这些东西是不是得常用的,是不是得记住啊,对吧,那所以说来咱们去看一下。分片。或者P搜都行,老师直接跳过来。
02:01
这咱们看怎么用啊,很简单。难度系数几乎。也不能说为零啊,这玩意你还是得看一下人家文档是吧,哎。开走。你想都不想,第一步得先干。先主,对不?你看用载量其实说多不多,说少他也不多。对吧,一周你看一周各个十百千,将近七万人,其实说实话七万人少嘛。不少对不,那咱们看看怎么用啊,首先第一步你得安装,第二步咱们看它怎么用。老师问你这种CDN用法是吗?咱是你是标签不是吧,那是咱们的选择不是,但是你明显看行。不用1.use,是在用插件。你说咱学过的插件。Will will router。对不对。
03:01
对不对吧,咱们再往底下看来,你看这种好像有点感觉。你看。你看面点GS是不是入口文件,而且看熟不熟悉。熟悉了,你看他怎么用啊,第一个你是不是引这个插件。安装是安装这个。是不是,但是安装插件你看人就写了哦,怎么注册这样注册也行,放在上配置对象。因为你注册有两种手段,第一种是直接注册这个插件,第二个可以带上配置对象。智能不,那么我来教你看怎么用。相当于是注册完了之后看怎么样。其实说白了,给全局添加了一个啥。这叫啥?自定义指令。对。对不对。啊,我估计宇哥前面是不是讲过自定义差异。
04:03
讲讲吧。讲过吧,就是能不能自已封装一个插件。可以了,好了,那咱就稍微等用用,那第一步你是不得安装。来那咱安装一下啊,走老师把这给它关掉。CDCSCNPM音啊,是不是有了。是不是直接给他捞过来?走安装,安装完事之后,你得回到哪,回到入口文件是不是使用这个插件。对不,那所以说来把没用的给它关掉,找到谁。命点。但说实话,在里边的多不多。多呀,这有一说一是不是挺多的。那咱这里一搞搞,那你想想你是不是得引入这个差价。来引入插件,那引入咱就直接从人家这咋的了。拉过来就行了。对,不复制。
05:00
这个老本,那当然第二本,你得干啥?你是不是得注册插件。叫Ve.use老师问你,VE一定use食指做了一件事,什么事?还没点印象。只要一定要用view1.u实指调用了插件对象的哪个方法,Install方法。行,忘就忘了,咱一会儿讲一下自定义插件好吧。你看老师呢,把这个插件呢,给他拿过来,那当然咱用的是它,但是你要注意他可不可以传配置对象可以。对不?咱给他老虎,他还可以转身陪对象。配置对象当中,其实咱只需要用一个谁。他可以放啥。图什么图,GIF?所以说咱来个,但是你需要迫切的需要有一张图,说白了啥是不是你那个默认。
06:03
对不,就这老师写这是啥,这说白了就是懒加载末百分之。懒加载默认的啥图片,咱有图吗?没有没有咋练。搞一个。这回呢,咱不要灰太大。咱找一个叫。行奥特曼。奥特曼走,哎妈还写错了。马总。他想随缘了。GIF。有没有干仗的?这奥特。One。MUCH5啊啊到GI。看见没有?哪个?这个。
07:05
行吧,他动不动感觉它不是动图,哎是啊是哎有点卡啊,嫌弃他,好,那咱们图片另存为。存到咱的先存到桌面,先存到桌面,起个名一点这个。丑就丑啊。啊,那咱们是不是得把它放到程序当中。随便找个地儿找谁我。可以不?可以吧,我说我我算是放啥的地儿。是不是放静态共用的地儿啊,那当然你去别的地儿它也行,再找一下应该是pro X下src下的。给到log叫1.gif好了,那老师说,你说这张图要在哪,是不是在m.JS当中要用,你是不是在引。我说过。图片有对外暴露。没有,但能不能也能。我说过有两个文件,一个是图片。
08:04
一个是杰森末日。默认是对外的,像咱过数据的时候说明。我说过我咱讲冒数据的时候,我说接诊没有对外暴露,但外边能哪能,还有一个就是图片,图片你要是他没办法写代码让他暴露,你咋写啥审计。所以你在这直接可以引入引入谁。也part叫奥特曼。For wrong应该是艾特杠。下的。一和一哎1.gif。老师,最后再说一遍。有很多模块是比如说比如说。OK吗?问你可不可以用,可以啊啥。奥特曼。那咱稍微给他打格式化一下。那你回首,相当于给全局增加了一个指令,叫危。
09:05
来lazy你看嘛,是不是就是他。那咱们是不是得找个地儿?得用这个指定的找谁设置。瞄一下啊叫设置,设置当中底下这个产品是不是图片。咱找一下找谁。找。Search找那个产品的地是图片,咱找一下应该是飞行器的上面。对吧,来看一下对找一下。是不是,这好像是。是吧,点可以跳,那这块呢,你还能写呢。直接换成谁VGA。Lazy就完事。咱们回首看一下,因为你得保证它是对的,万一哪块配错了。走。中。但是有点快啊。不能看见吗?
10:01
好了。见,这还看不见?这还看见你就非要那怪兽出来是吧,就不。之后呢,这是呃图片拦下的,但是老师这里也得说一下什么呢,就是咱以前讲过自定义插件。老师呢,得把它是怎么来的。为什咱们得稍微说到说就这为什么这么写,他可以这么搞。老师这呢也双带角的帮给你们也说一下,就是这个自定义啥来的。自定义插件。就这玩意儿,吕哥应该讲过,但是你千万别忘。好吧。这个呢,老师呢,给你们说一下吧,比如说插件,咱可以再来一个文件夹。叫拉in子plus。现在往呢,想写一个指令叫什么叫二号叫。
11:02
呃,Up。啊,当时宇哥举个例子,自定义指令应该叫up。对不对,就是把单词由大写,不是由小写变大写。对不啊,好,那再来一个。那首先说啊,咱写一个插件。来看这啊,老师写一个插件叫plugin,咱起个名字叫什么呢?叫。呃,调查插件。叫二号。第二。这也不好啊,讲就叫P。叫my pulu。JS。第二条,JS。对不?那首先说第一件事啊,你封装一个自定义插件,咱们得知道插件对外暴露一定是个对象。插件对象。
12:00
怎么这么木讷呢?这我一看啊,就是底下这个一看你们的表情就就能看出。来看亮。呃,老师找一下你这块呢,你得会啊,你先搜一下吧,先还是看一下,带你们看一下好吧,是这样,应该是在哪在教程。自定义。你这回你眼神怎么这么好使呢?什么自定义事件?不。瞎喊。你看这是使用插件啊,看这是不是有个叫开发插件。一定要注意,VE的插件应该暴露一个。先不说它,它暴露的一定是一个对象。对象,它必须得用,就有这个install方法。有点印象。孙看老师来一个,我赖一个,啥叫MY?
13:05
Plug ns my,它一定是个对象,你记住六的插件,它一定对外报了个啥。就是voe的插件。一定是暴露了一个对象,而且这个对象必须得有哪个方法。Int。但是你要注意这个方法什么时候会会掉。早要探讨问题。来。叫做调用什么时候调单。柚子的时候。你看老师说,你假如说这是一个差件,咱自己自定义,你回这是不用。你用你前提是聊天法的。来看这咱咱咱这引入啥是自己自定义的啥。我上面补个手去啊不是,那你第一件事是不是得引入。自定义差值,当然咱没有对外暴露。
14:02
哎,没有对外暴露的,你看吧,你要用是没有对外暴露啊,那咱稍微让他咋的。X。Part d thought叫my plugins,我问你是不是说白就暴露个对象,这没啥高大上的。就抱了个对象,对象有个动态,天f for叫你看啊。咱这儿可以怎么玩,这么引part y p。PL。S for应该谁?爱的杠。Plus下的雷提示很难受啊,大写小写。YPL。Ug。对不,老师说你是不是要安这个插件,用一点啥use,你1USE是不得安装这个插件。PM。P。Lu JS,对不?你看啊,你只要一使用这个插件,能发现调到哪个方法。
15:04
卡了呢?你看啊走,你自己看是不是。对不,而且你一定要用,说白了你只要不用一点啥use use这个对象它是不会掉。因为方法它是调用老师说你是你自己调的,不是他给你注入啥参数参数啥,咱不知道A。你看A是啥?很熟悉。E。老师问你,他为什么要给VB?你得先琢琢他为什么要给你注入友谊。没有,一点不受态没有。你从是这个道理,view1.pro它是不是就能拿到,能拿到能不能给view1.pro添东西,能能,你是不是所有组件全都会。
16:00
第二个因为1.directing。指令。没有1.con全局组件是不是全局都可以。你琢磨是不是这么回事?所以说当他一定会注上注入一个叫VE。VE构造函数。你想view,拿到view,你知道满脑想是不是能做很多事,1.view 1.view,一点direct view一点。是全全。加圆形的组件是不是都能?是不是老师在说啥?知道,那咱还得琢磨琢磨有没有啥。第二个参数。咱先看。你看啊。安底,你安底对不对?对,为啥?你只是明单位,你是。理亏的。传,你想传啥都行,我传个对象。可以不?
17:00
咱叫啥叫lazy,比如叫lazy,叫懒惰。不,别别,咱能起个高大上。老师录视频啊,这句话录,呃,起个名字,比如说咱叫啥呢?咱就叫name。短语啥啊,不是。Upp啊,对不对。那老师你看你能不能拿你自己看啊,早回手掏。那也就是说你传这个配置对象,我问你人家这能哪能。这能懂不?所以这块咱写个地叫options OS,这能不懂?举个例子,老师问你说这能做的活多不多?你要想明白为什么刚刚will lay能挂在组件身上,因为它增加啥全局指令。对不对。
18:00
对,不那么说,你说在这能做的活很多,举个例子,不用第二。Pro p点。我问你这件事。好事是。任何东西。都可以。对不对,那举个例子,我能不能这么写点。指令D行不行?学会了自定义指取什么,自定义全局制。学没学过?学过吧?为什么叫全局直令,任何地都可以。你举个例子,ve.com。选举总结举个例子,VE。点file,提future。过滤器。等等等,是都会。咱就模拟为什么能用,很简单。
19:02
UE点。Direct direct有责任。没有,老师问你第一个字是啥?名用代表威吗?不用,你要去电脑,这是options点。LIM。第二个是什么?这个房子还是可以的。收毁掉。回家有啥的?叫啥来着?这老师这一声长叹啊。好,咱忘了,那老师说你咱忘了现在是不是有个指令叫we。你先咋的?先找个地儿先咋的?随便找个地先一下子。哎,不要提这事。
20:02
冰雪。边忘,边忘边学。He老师呢,这呢给他来一个小时数据,为了测试,好吧,诶跑偏了,这是来个date。对不,那这会老师来个MSG是叫啥?叫阿巴斯德波夫哥叫ABC可以不?那这块我们可以咋的we杠。U up,为啥?哎,MSG这能看懂吧,咱为了测试,那你看啊它会不会执行。会不会会你看嘛。点啥?嗯,执行,你看有没有执行,没执行那就说明写错。执行。执行了执行,你看他有没有参。A,咱不知道是不是打印的,来这谁?A,你看A是啥?
21:03
哎呀,这回还整个对说明还讲过,对这个元素就你绑那个元素,指定绑那个元素。这是能降A吗?他有没有B。还行,还顺便开点窍吧啊。是不是你你看是不是你找了个对象。但至少你就这件事你能得到一些信息。When。对不对。对吧,老师想做一件事,什么事,给这个元素一的文本内容变成小写的。或者这是刚开始给他来什么写,小写小写变什么写。大写能不能办?能你不抄得到吗?很简单。点。是不是写呢,H1因H7。ML等于啥?这个不能叫B了,这就叫。
22:00
叫不能叫白酒,咱就叫。对不点谁,Y是个啥字符,点two你看。你看有没有这感觉?有没点感觉,所以说你再回首看一下人家这个组件能不能理解这个插件。他为什么要传这个?你是不是得给绑定那些元素先设置个啥。默认读,将来服务器有什么替换就完事了。等等,不。没音儿了呢,是不是不应该讲啊?这能不?能把你对比一下,你看咱是不是也引了个差价。那为什么人家那会能围港贼,为啥?咱是不是也能回。这能弄够,但是这里面能做的活多,多了去。
23:00
对不?有一说一,这真的能不能懂?可以吧,你要注意这是啥,是不是全局指令啊。对不啊,其实有一个细活老师要问一下,我不知道你们还记不记得,你看那个当中有个东西。啊,你看他有个东西,我不知道你们还记不记得,看这。有个叫这玩意是。说那个。就V-R后面是放水的是MSD,这能懂吧?这些应该都能理解吧。但是有一个东西是Mo这个单词啥意思?修饰符。问,你指令可不可以加修饰符?可以啊,你看嘛。老师在这儿,我给你加个修饰符点儿。二号。你看。哦。
24:01
是就是。学过吗?修饰词应该学过一些,比如说stop。对不,那这玩意儿什么修。对吧?当然你不能这么写,老师全去掉,就假装没看见老师讲这么多,只想让你们理解一件事,什么事。他为什么可以这么写,能懂?能不能走,可以吧,好嘞。
我来说两句