00:00
好,那下面呢,我们就要一点一点的去做啊,首先让它划起来,让我能看到所有的再说是吧,这个实际上也比较简单。大家看我们这个是不是获取数据去了,也就这个数据显示后是不是就可以划了,对吧。那这个怎么做啊,前面我们是不是说过这个事啊,对吧?啊这个地方呢,我们可以去在这里面。看它接收一个什么call back是吧,用一下我们以前学的语法,因为我们是不是以前写过这个。还记得这个吧,拿过来是吧?那接着我们在这里面就可以传一个是吧,回调函数对不对?在这个回调函数里面干嘛去啊,This的哆了佛next t再来一个回调函数是吧?在这个里面干嘛去啊?New by对吧?所以我在这里面先干嘛引入by story。
01:12
对吧,诶还要看看我们是对谁进行滑动啊。是不是整个。那吧,当然我可以利用它啊,大家看我利用它怎么做。The new be c里面,它可以传一个动物元素。能不?那我应该怎么穿?This点多了if FS点它穿好了吧,这个能不?嗯,接着可逆可为处好,看看能不能滑啊。啊,我这里表示衣服显示的可以吧,扔了啊可以的啊,没有任何问题,我这个呢可以滑动,滑动就可以看到所有的呗。但是啊,看到所有的这样不太好,为什么这个这个样式好像有一点有一点小别扭,你看这这这个怎么跑到这里来了是吧。
02:13
它是居中显示了是吧。嗯,这个样式最后再调一调吧,先不管了,我们把功能做出来再说啊先好。来下面呢,我们重点就是要去做这个。列表过滤显示。好,列表过滤显示,还有一个事情啊,就是一个事情,你说我们的这一个这么写的能过滤吗。那永远不能过滤,因为你现在便利的是所有人。我过滤能改变这个ratings本身吗?不能,你不能去改变这个本身懂不懂,所以说嘛,你便利他就肯定不行。你要变定一个什么过滤产生的新数据?那我应该写个什么名字?
03:02
嗯,你看我这个叫ratings,我要我要得去编辑一个,编辑一个过滤产生的新新的那个评价速度对吧,过滤过滤filter什么呢?S。啊,没问题是吧,那这个是个什么东西,计算属性这个应该马上能想到对吧,前面咱不做过类似的事情吗。对吧,还是这个四。先想清楚我们什么。仙侠什么还记得不?影响的数据有哪些,对吧,影响的数据哪些。那首先肯定是这个总数是个必然的。能不能懂啊,首先是一个总数组啊,谁就是一个什么,除了跟总数组有关系,还跟谁有关系呢?
04:00
来看到这里面有两种操作,一个这个一个这个对不对。冷了,我。先看这个,这个好懂,一这啥意思啊,我勾引他什么意思。只看有文本内容的,那我要不勾选呢。是不都宽了?这个能不懂,那这个变化是不是应该用一个状态来标识。说白了,应该在data里面定一个属性数据,来标识这个状态什么类型。不,内心二,还有还应该选什么?除了类型。啊,初值,初值可以做,或者还有什么。啊,就是说我现在要去设计一个状态数据类型,想清楚了名字啊,对吧,现在有一个名称,诶给我一个好名字。
05:05
也就是说我现在想到了要在date里面啊,Date里面去返回一个啊,一些设计一些状态是吧。来,林子。这个概念是什么?就是显示指代什么内容的。指代内容怎么说?啊,就是你要是只想象是你要写叫only show text。是吧,我这写的only only text only text也行。只要文本是不是这个长不长,这可以吗?可以是吧,行就这个好,这一个是处代表什么意思。
06:01
是不是只看有文本内容的?能懂吧,只看待文本内容了,那也就说应该是勾还是不勾。嗯,对吧,勾什么意思。你想啊,是什么意思,对呀,那里我去勾勾勾吧。能不能那个勾上以后是少了还多了少了对很好啊,没问题。好,除了这个还有什么?还在?大家有全部满意和什么不满意,哎,满意和不满意,我对应哪个数据啊看看。在这个这个里面好像有一个我的Ricky里面有一个有一个属性叫。我不知道大家知不知道诶。我的那个。得看数据啊,看数据没法说,大家打开一个数据,大家看到我这里面有一个time。
07:00
能看到吧,还记得吧,赢代表什么?满意一拉不满意。啊,但是我这里面吧,你看有三个,有三种情况有全部。满意和不满意,那我选择不同,是不是要存储不同的值,我是不是也要一个标识数据来标识三个状态,那我用不类型吗?不行,因为三个值对不对,有三种情况。那用什么呢?是不是数值就可以刚好应该用数值,因为我对应那个。它是零和一。而且我要比他多一个值。是吧,比如说二,比如说负一都行,这个没关系是吧,啊,反正是要有一个多的值代表全部。是不是意思好,这里面来看啊,我再来定义一个属性,我叫什么呢?我叫select type什么意思。选择的那个类型能懂不?或者你要写的更完整点就叫了。
08:05
能看懂意思不?嗯,其实你选择那个类型吧,好记住如果啊,我是二,假设有二,那肯定二代表什么选目,因为那个零和一是不能变,零和一代表的意义不能变。这个不懂啊,这个是是否只显示什么。啊,有文本内容的对吧。有文本,这个文本就是评价的文本,有没有提交啊。好,下面这个什么意思。是不是指定的那个评价类型啊,啊是选择的啊选择的啊评价类型。大家记住,这个类型有几种情况大家说清楚啊,零为什么?
09:04
满意对吧,满意还有什么,一为什么,那就是不满意了对不对,而二是什么全部记住啊这个特点。好,当我去点击按钮或者勾选框的时候,是不是要去改变它们的值,那也就是说来看这里。当我点击它,那我要给他一个什么at click等于。我改谁去?我是不是给这个select type,让它的值等于多少也干得了?电解得二。这个能懂吧。能理解吧,来,而且大家知道啊,这如果说也说老师我不想在这里面写啊,我们想可以用一个方法来搞吧,用一个方法来搞,那我用一个方法来,也就说我们这里面都用同样一个方法来设计,这样不更好吗?对不?
10:13
这能走吧,诶我这个地方我是不是应该放在外面的这个石板上面。对吧,这样空间空间更大一点,响应的区域更大呀。能懂我的意思吧,啊,而且我们用同样的方法去做啊,那用个什么名字比较合适呢?啊,我们点击它是不是指定一个新的select。告诉我一个名字。我点击它是给select type一个新的值。指定一个属于一个属性的值,用什么方法,你指定A级的值你用什么。你指定name的值用什么?指定一个name值,定一个方法,你该怎么定义?给name指定一个值吗?
11:06
老师,我不用这个,那你用什么,你告诉我。不是给他设置一个值吗?我就他说设置了,因为我说是他你肯定知道了。啊set select什么太对,我要传一个对吧啊。呃,这个里面是等同的对吧,这个是几。一这个呢,呃,这个是零是吧,啊,零这个一啊,你们做的倒非常简单,做无比简单的事,跟你说什么意思。嗯。啊,我们在message还没有是吧,还没有没有的写在下面啊,写在这里,这很好写。哪个他传一个什么。
12:03
是不是就是select吧,是吧,或者查个type也行啊,那我们下面就非常简单了嘛,就是直接写个什么this,点它等于它吧。对吧,好,下面还有一个。还有一个是什么,还有一个是是否只看六呢,这个地方说一说啊,它勾选它不是个tboss,你发现了吗?它是靠这个on啊,靠这个on有没有值来去确定要不要勾,有了on它就勾,没有on它就不勾。那么呢,实际上是两张图片。怎么冒号class?冒号class等于?对象啊,什么是啊。勾的时候,那什么是勾了,是不是它的位数。是吧?
13:03
对吧。那不是它为出的时候就有二吗?有勾吗?能不懂,但是同时我们是不是要去有一个什么,是不是点击的音。给他干嘛去了,改变切换它的值吧,就不要设置了,对吧,是不是切换切换。切换。偷合嘛,透对吧,透什么啊,透秀不要去秀好不要啊,就透这个字吧,这个有点有点长啊,稍微稍微有点长,Only show text对吧,啊长一长吧。这个我需要参数吗?不需要,我只是需要去对这个only show text啊这个属性进行什么,是不是取反呢。
14:12
就能懂吧,啊要能懂啊,其实咱还显示上有一个事情没做啊,一直这个数量没没整。什么意思啊,大家看一下啊,我们这里面有一个有一个数量大家看都写死的。这个好,写这个。这个是不是我那个ratings的。认识啊是吧,关于这个。满意的怎么办?满意的,是不是要根据我的range进行统计?懂我意思不?能懂吗?这不统计那个那个就是满意的吗?满意看哪个属性。它里面不有一个属性叫red type吗?Re type。
15:02
为零对不对啊好,假设我们来一个满意的数量,那我这里面写一个名字。满意到正面的,你看那那个那个那个类比看到吗?那我就要positive size好假设这个有了这个怎么办。不减嘛。能不能,那这个呢。计算属性对吧,而且这个计算属性呢,完全可以定义到哪去了,定义到gets里面去。因为我这个计算属性看谁去计算ratings和ratings是不是本来是在state里面的吧,我定义在这个里面可以。可以的吧,是完全可以的啊,其实这个搞法跟上面差不多,这是正面的那个长度嘛,那这个地方是不是state呀,根据谁进行计算呢。
16:09
里面的什么东西啊,Ras。用什么方法进行统计?那不就是这个吗?对吧,只是我加几了。啊,这个每一个不叫负的叫对吧,可能加零,也可能什么加一,那到底加一还是加零,看什么,看reading里面的什么read type。干嘛等不等于零,那如果它等于零加几加一,否则呢。加零就不加,对不对,能不能。这个也不难,那如果我写在这里了,那我在这边干嘛去,是不是需要去读啊,对吧,读的话那就先来一个map gets,那我这边是不是也要去执行一个叫get。
17:14
对吧,只是我们这里面需要一个。啊,对不对。登录吧,啊,这个是也是比较简单的。这样我们就我们当前是应该可以显示大家看到二十四十八六个看到吗。嗯,但是我我的那个列表还没显示吗。我的我的列表,哦对了,我我是不是已经改把它。我写了个这个还没写呢,对不对,那当然显示不了,我现在我现在都没返回,当然显示不了任何东西了。能不懂来,那下面我们重点任务啊,就是要去过滤,大家说过了,除了这个数据啊,相关的还有哪些?刚才我们是不是设计了两个属性啊,一个叫only show。
18:10
还有一个什么。将select type。对吧,这是得到相关的税率啊好,下面是不是要进行计算呢。能不能请计算啊,计算返回一个新的数组吧,计算返回一个新的数组是要对这个数组进行什么操作?过滤啊,也就是说下面就是啊,产生一个什么啊,过滤新数组。那不懂,那很简单,直接来一个return。他点什么?
19:00
啊,重点在于filter里面的逻辑。也就最终我这个回调函数是不是应该有返回值,如果我返回数呢?那显示的应该是什么全部,诶应该已经什么报错了,先把这个错误挤掉。来看一下这个错误,这个说ra.filter is not function。什么意思啊,写错了是吧,那就把这个this.filter。嗯,先别报错啊,刷新一下。各位,现在实际上显示所有列表对不对,这不对,那也就是说现在我的重心是不是要计算产生一个布尔值。
20:01
这个就有点难度,这个是这里面比较有难度的。啊,首先啊,我们这个地方有难的东西,就一定要先分析清楚啊分析。但是啊,东西有难度呢,有几种情况,一种是流程特别长。这是一种,再一种就是可能性特别多。认懂不啊,可能性特别多,你要各种可能性都要考虑到。那可那我们当前这个呢,是第二种就可能性比较多啊,因为我们是有两个条件,而且两个条件都要满足是不是才行。那可能性多的时候,其实很简单,就是一种可能性,一种可能性去看。对吧,因为我们现在不是有两个条件吗?对不对,那我就来一个,比如说我分析的时候,我就会写一个啊,看到条件一是什么情况,对吧,条件二什么情况对不对。好条件一是啊,关于什么的了。
21:03
啊,条件一是比如说啊,看到了条件一不就是譬如说这个。对吧,这个那这个条件和下面这个条件是两个条件都要满足才行嘛,好先看上面这个条件,上面这个条件相关的是哪些东西啊。这个条件啊,这个条件相关的啊,是啊,一个是select派啊,我把这些都列出来,列出来1.1看自然就懂了。而它的值是什么?有几种情况?012对吧,跟它相关的还有一个。条件一。啊,这个要跟谁进行比较一下。你想嘛,你看你点了它,你假设你点了这个,那不只显示满意的嘛,那哪些应该保留下来呀,下面就是有了它以后也得看这个里面哪个数据。
22:10
是不是太好,那也就是说我先可以把这个把这个太好先先取出来好吧。Ta。等于什么?是不是还有他?对吧?啊,它应该是个什么值,它有哪些值,因为它的值是有限的,所以我才去问只有零和什么一。没有二,太爱R了,它只有零和一,二代表的是全部。对吧,零代表满意,一代表不满意对不对,好没问题啊。来。那下面就想。就看条件一什么时候是数对吧,什么时候结果就这个条件是真的啊。
23:02
就看这个条件,这个条件,因为我们现在要反馈一个布尔结果嘛,对吧,从条件一来看啊,什么时候条件一就是真。啊,让我想的是,就是它们俩相等是吗?是这样的吗?你说是不是是吗。是它们相等就是结果是吗?不意,大家想想,如果我选择的是全部。要看他们嘛。对不对,说白了是个什么意思,你想果我的这个值大家看看啊,我现在去要产生一个结果的表达式了,如果它等于二。那这个结果就不用再继续往下,肯定真了。这个能不能懂。能懂吧,好。那如果他不杀了。
24:01
那就要看什么去了,那是不是就必须它们俩相等?猜结果才会在。对不对。就说如果是那个type是二,那结果就直接为正了。什么意思?如果他不上了。是不是就要看这个代和re是不是相等了,那那你说这个条件又有两种情况,而这两种情况适用。或还是用语的。哎,这个很关键。你看你的表情说,老师我咋知道用话语,你去看你的表达啊,对吧。如果怎么样,如果怎么样,是两种情况,只要满足其中一种情况是不是就可以,那不是货吗?能不能?是这意思。
25:01
看着吧。嗯,这样我们就把条件一啊搞清楚了。对吧,那同理,我们去可以弄去去弄条件二,条件二是干什么去的。看你的这一个值以及哪个值。你想看?看我这一个,我这个属性里面,我这一个Ricky里面还有一个属性叫T的,叫评论的文本。对不对,能不能好,这个时候它的值为什么。可能位置。处或者什么for,而他的值呢,是有或者没有对吧,啊就是有值,就说白了有值或者什么没有值,其实没值就是空串或者说对吧,好,那下面。
26:01
我该怎么看呢?这里面是不是又有两种情况?又有两种情况啊,我一个人看,如果说。好,如果说它为副了,如果它是for,我还继续看吗?我还要看那个text的是有值吗?大概他会破是什么意思?你要看,也就是说如果我这个值为false,我要不要求tax必须有值,那不要求,说明对,是没有要求。那不是就为真了?但我不会这么写,这表上肯定不会这么写。啊,对,徐凡。能看到吧,好好啦,那下面啊下面啊,下面还个那如果他会错了。
27:04
如果它为处的时候,要不要看这个值。要吧,要那要的话我看出来了来啊,是不是要必须要求它的认识什么,是不是大于零或者有值对不对,这个能不懂,能理解不。那是不是两种情况?那我应该干什么?这不两个吗?一个是我为,我这个是为false,也就是他就为two了,那整个就为了吧。就不用看下面了,这是一种情况,另外说如果它为它本身为数了,就这个only should text为主,那就要求什么。能了吧。好啊,也就是说这是两种情况,只要满足一种情况是不是就可以。但是啊,你看到我并没有写这个,是我并没有写这个啊,我并没有去写这个为正,并且怎么怎么着,我并没有写这个这个这个左边这个完全没有必要写。
28:14
因为你到了右边来了,说明它必然什么。必然为主。懂不懂能到这个雨的右边呢,这个必要分数。什么意思?如果完,不就结束了吗?不会看右边的。那好了,现在我是不是分析了两个条件表达式对吧,而我最终的结果。是要求什么?也就现在有两个条件的表达式,是用或还是用语。你说老师我咋知道还是一个四,你就说我最后过滤的结果是只看一个条件呢,还是两个条件都要满足。
29:04
那对了嘛,都要满足了用是吗?用语吧,求交集呗,对不对。懂不懂,那现在写到最后啊。啊,可以把它括起来吧。人说老师,那我我当时我哪想的,要想的清楚,你你可能我告诉你大部分人,绝大部分人都会怎么做if。就全部可能用一二来去写,这个没关系。如果你用一分这种表达式,肯定都可以用一分二来去写的,必然的只是这样写的简洁一点,你说万一那那你们公司同事看不懂怎么办。
30:03
那不是他的水平问题吗?你管那么多干嘛?啊。其实你能分析的很清楚,用最简洁的语言去表达没有任何问题。看中了。但前提你要懂啊,到时候他看不到他的问题你都搞不清楚啊,那就废了,来我们来看一下,现在应该好了,对吧。那走是不是有变化啊,这个不满意的吗?这显示都有文本了呗,走里。是不没有,我本来是写了可以吧,就可以吗?OK,搞定是吧,啊,他这不是我的,搞了半天我的天啊,来看一下啊走。各位是不是可以啊?我这个样式还有最后一下是样式要弄一下,最好动来最后一下啊,那也就是说我们现在呢,还有一个小东西就是这个样式啊,样式呢,主要这里面有一个on啊,有个active,这有一个类名,这个类名呢是可能有有可能什么。
31:20
没有对吧,那所以来个冒号class,来个什么对象active,那什么时候这个SPA有这个active的。就看什么select等不等于几啊。是不是概念,那下面的是不是类似类似啊类似改改零一。啊,没有任何问题,都是OK的。
32:00
那这样的话呢,我们就已经搞好了这样一个。列表的过滤显示。啊,时间比较长了是吧。
我来说两句