00:00
大家去访问某一个网页的时候,尤其是电商的网站,在他因为他数据半天才很长时间才回来。它会先显示一个什么东西呢,看有没有这个效果,主要看网,主要是我本地访问,所以说那就是那效果不是那么明显。嗯,给大家看这个图,大家能能有感觉,我大把那SVG的图给大家看一看,大家就就能有有感觉,这种大家应该是非常平常的时候见的特别多的。你来看一下。这个这个跟我们那个跟我们那个商品分类的那个轮播的那个列表的结构是一模一样的,看到吗。能不能就在那个图片数据还没得到之前,先显示这个啊,再接着你看这个。看到这个了吗?看到了吧,而且吧,到时候我们显示还不能显示一个。
01:01
不能只显示一个,因为我是个列表啊,我一上来显示,显示一排显示一列,对不对,显示说白了,显示好几个。这个效果应该是用的比较多的,其实也简单,你只要有了这个SVG的图片就好,很好整。到吧,啊,那什么时候显示,他们刚说过了,没有数据之前是不是显示好,比如说这个吧,比如这个来看一下。找到我们刚才去显示这个列表的这个set。我们这个m set里面现在不是导航里面不是现在有这个吗?这个是不是显示我们数据去的。对,不但是我显示它其实完全可以加个条件。对吧,写一个V。什么时候才显示啊?啊,你也可以写它,你写它也行,它点认识什么大于你,或者直接点认识就行。
02:02
对不对。那我们下面再写一个什么呢,大家说。再去写个else。在这下面在下面对吧,直接来个image得了。是吧,就显示一个图片吧,那我就来个什么else,能看到else显示哪张图片呢?是不是显示我的这个这个这个图片这个吧,刚才不看过了吗?就这个是吧,刚好。那就把它看成C给他怎么办?直接放在我的这个里面,这个这还需要吗。这个呃,不对,现在现在我这个是选商家的,这个先不搞啊,我们现在其实都没用啊,说实话我们这个shop我们从后台获取的吗?难道不啊,这个实际上是不需要了。
03:07
把它改成什么删了。这能不懂把它看了好,哎,我这个不是这个文件了,这个。啊,还有另外一个,我们应该搞到这个文件里面来,对吧,我们现在写这个组件嘛,这个也不要了,大家看到。这个。这玩意。因为我们现在都是什么。动掉过去他们都是嘛,刚才那锈把有一个干掉啊,我把它放在这个里面。可以吧,那放在这个里面,我这边怎么办。引路啊,对不对,点斜杠images下面的。可以吧,那这个写out就叫back吧,可以不可以,我的这个做了,我把另外一个也同做了啊,一起做这个一样,这个也是一样的,我需要去把这一个。Copy过来放在image,你说我这个用什么。
04:04
以后也不能删,也是内部的对吧,这个不能删,只以后要转移啊。有没有看懂,好,那我这边该怎么做。一样的,你看我这里这个写什么,We,我现在是不是有个shops shops点什么对不?那接着呢。在这个下面,好,这个时候就有意思了,因为我要显示多行知道吧,我不能直接向上次就来个不行。来个什么ul,来个I对吧,那我接着里面搞什么imagine。能看到吧,好,Image里面写什么一样的点斜杠,Images下面的。诶,怎么不出来。
05:01
哦,不叫这个名字,叫名字都不一个是吧。能看到吧,我这个也叫麦克吧,但是针对吗。不对,干嘛便利产生多个,是不是来个什么?没错,老师,我不便利行不行?行,你复制多个也行,难道你便利不也是要产生多个去的吗?不懂吗?懂不懂?比如说我要十个或者我要五个吧,五六个差不多了是吧,我就来个行不行行?懂我意思,不,但是你说我不想多写代码,我就想看的简洁一点,那也行,来个什么微博。可以吧?微那中间写个,譬如说这个时候有意思啊,我这个挺有意思的,我我印谁了。其实我也说实话,我就想,我就想能便利产生,譬如说六个II6,六个ii怎么办,就六。
06:06
但是我需要,你说我需要这个数据吗。它实际上就是123456懂不懂,但本身其实我不需要这个数据,对不对,能懂不,我不需要这个数据啊。其实这样就可以了,大家可以看一下啊,当然也可以把那个冒号可以给它加上,大家看一下我们的。刷新一下。有没有?有,但是。没写什么else,好像是else写什么没有是吧,是不是写一个被告什么L不就好了吗。现在是不是有数据接着刷一下。看到过程了吗?看到了挺好的。OK吧,OK,这个效果啊,别看简单,还是挺有用的,能极大的提高用户体验,基本上现在你看网页,看什么东西都是这效果。
07:06
尤其是些电商了。啊,如果那个应用你没做这种效果,那其实说说明他也不会做的太好,好,那基本上上午呢,我们就先做这么多,那中午呢,大家如果有时间可以写一写啊,可以下午的时候也会给大家一点时间去写啊行。
我来说两句