00:00
我们再来讲一个点子啊,这这个导航点击上面是不是得变色啊,啊,咱把这个东西讲完啊,那音乐台咱们还有两天的时间可以去画啊,这两天时间东西可能会越来越难啊,稍微注意一下,咱们画到现在的话,其实咱们看我们是不是总共上了五天啊,来看一下整个移动端是不是上了五天,前三天是不是在讲技术啊,这里面是不是做了那个空花屏啊,那这两天咱们一直在做项目啊,那咱们你看从头部导航。导航无缝吧,这个导航其实比较难,比较麻烦,功能点比较多啊,可是以后你会发现很多移动的效果,让你们最终去看的时候,你觉得这种效果你都能做啊,因为基本上我们这一个页面里面,你把经常见的一些效果的话,全部做掉,懂不懂,所以以后你们看这些东西的话,肯定是会有思路的,所以还是培养思路,不能只记在那知不知道,因为总共效果就那么几个,这个页面上面,可是这个思路扩展开来的话,基本上移动上所有的小朋你们都可以做啊,OK,好,那我们继续。
01:05
好,那这边啊,我们来看一下,我们给导航上面要去加个功能,是不是要点击进行一个切换。好,我们这个功能的话,可能会涉及到世界委托啊,我们来看一下,好大家看现在我们这个样式是价价格的什么的吧,我问你这种拉斯这种东西的话,有必要放到组件里面去吗。这个东西的定义啊,这个东西定义的话,应该是放到什么业务逻辑里面去吧,因为业务人员想要把它变成什么颜色,那就变成什么颜色的,咱们是主要负责整个导航的吗?不出问题就可以了。懂吗?OK,也就说干嘛,其实我们这一块大家看,其实在我们这一块的话,哪一段逻辑可能需要大家把它给拎出来。你看比如说干嘛,我们是不是现在把这个逻辑写在哪。是不是写在这个组件里面。
02:01
是吧,你看是不是在这边。是不是照着这样的话,这个东西你可以默认给他们一个吧,是不是你也可以在外部上家给他的嘛,覆盖掉嘛,那主要看你怎么去设计了,懂吗?啊最好这边就不要给他去指定走X了。你放到业务外围去给他组织吗?能明白我的意思吗?啊,那现在咱们是不是已经干嘛设计在里面了,那我们就默认就给它这个什么,这个颜色这个什么看到了没?好,那我们来看一下,好,那现在这个东西我们应该怎么去写。加个小功能C啊,主要是练一下时间委托。好让大家对这个世界委托的话有一个概念吗。啊,实现的是一个导航点击变色。好。咋做?
03:00
咋做?点击上去干嘛,是不是给加其他的全部全部干嘛。清一下是不是就行了,那找到这个LY是不是就可以了,是不是啊,OK,那我们取个名字吗?在里面干嘛,我们是什么导航的,点击变色叫什么亲家卡。Co亲家。Co是吧,给定一个函数吧,放,请加。好,这来看一下,好找到谁所有的LY弄吧,看看等于什么。什么点找到谁?
04:00
知道谁找这LY吧,是不是这个底下的LY,那因为写业务逻辑嘛,那肯定从外开始吧。外和什么一层往下走吗?外和底下的这个什么,底下这个什么。CTRLC。他底下的点什么点这个玩意儿。是吧,这个玩意叫什么list。我的天呐,那么长。你说哎,咱们在其实在不知里面也遇到过这种事情吗?他的样式不特别长,那我们是不是自己后面可以叫什么加克拉师啊是吧,其实你想把他的覆盖掉的话,就把他们家写在一块。你如果想用个样式把它给覆盖掉了,应该怎么想?去把他写一下嘛,然后呢。你这样写的权重肯定比他高,再怎么点。
05:00
你能不能这么办?你的权重肯定比他高吧?能体会到吗?其实一般你只要按一层一层找下来的话,你的全头肯定会比库里面的样式稍微高一点的,所以说库里的样式你也可以去覆盖了,懂吧,OK。好,那我们去找他的鸡蛋里面点什么?他是不是那个是个什么鬼。它底它底下是不是有利的,不要的,它底下是不是有利史的。ok.list底下的所有的Y找到他们吧,怎么办?负循环一下干嘛?Y一个I等于0I小于什么lyy no点认识是不是,然后呢,LY认识点认识,然后呢,I加加,然后呢,给每个ly I干嘛点at listen在你们它切摁的吧,是吧,来一个放OK,我说干嘛这里面是不是又要循环,这个循环干嘛?Y1-N等于0I小于什么。
06:27
六点认识I加加,然后呢。所有的I点什么。干嘛,卡拉斯利的,我们用一下是吧,也可以用什么。是不是有一个什么toly点什么remove class什么吧,然后呢,然后呢。
07:04
啊。呃,前面得发节点是吧,是不是每一个是吧,C放,然后呢,给当前这个吧,给当前这个干嘛,加上去吧,这应该什么。这边只能用给他去保养,给吧,是不的。嗯。是吧,这你看一下。刷一下不刷。好,是不是就可以了。是不是就可以了?OK,还得解决误触吧,我滑的时候你干嘛你不能。选中吧,怎么解决无出啊。不还是每个L是吧,CTRLC个吗?一个是是大是吧,一个是木怎么办?
08:03
木梳干嘛?摸什么是吧,干嘛只要进入目了就给它是什么this点什么也是move的什么处,是不是这边呢?这个逻辑什么时候会出发?业福干嘛?If this,典型的目标为什么?处的时候是不能被触发的吗?干嘛去发?是这么写,OK,这边呢。Z,等于目标支撑first是不是就可以了?这里来说一下,走,你看我拖的时候是干吗?不会点错了吧?一选是不就点错了,一是不就点错了?拖的是不会了吧?除非你是点吧,要不理解,OK,那还有什么事情?大家想咱们这么写不好,写了两层负循环。
09:05
是不是OK正常的话,我们不会出现这种代码,那怎么办?好,这个我帮你们注起来,一般我都不会这么写好,真正写好什么样的。Yeah。我这是在干嘛,住起来是吧,好。OK。再来一份,好,肯定是使用事件委托,也就是统一事件发给谁,事件发给谁。事件八个层list事件同一方给最最外层的这个负极。然后呢,问你我现在点的话,是不是都应该点到iOS上。让他冒泡冒到腹肌上。放到梦到腹肌上,是不是要执行负极的时间?在负极事件里面去判断一下不就行了?
10:02
也就是说外层这个负循环我们可以省掉,我们来看一下我们找到谁。找到这个list。好,给这个list去绑定时间list,点什么爱listen。是吧,去搞什么事情。它切N的时间。是吧,来一个。OK,来个function OK,在function内部怎么办?你开始了吗?问你点到L上,冒泡冒到身上来。要把帽到身上来,他能不能去判断一下你刚刚点了谁?因为它有什么。
11:13
cons.log一下这个什么E来我们来看一下这里啊刷关掉刷一下我们来看,现在我们每次点上去就是不是来在他前面了,走脸来看一下这里面有没有留到他里的。他给的咱们点的是什么标签,A标签吧,是不是,你看我再来,如果点旁边一点呢。你看这是不是第一次干嘛,这个他给的是一个钱,再看这个他给的是什么。LY吗?你看我的A标签是不是在这里面吗。是不是我点A标签的时候,最终你冒泡,是不是干嘛问你点中了这个A标签,有没有触发这个A标签的,它的是这样。
12:00
有没有他的时间,现在他要不要冒泡,冒上去,冒到谁身上,身上再冒到意外身上,冒到身上时候有没有绑定他。有没有没有没有就过嘛,OK报到了有上有没有绑定他支架有绑定,要不之钱是不要之钱,执行的时候我们来看OK这面是不是一里面是不是有他给他if什么。E点什么,他给的如果是LY的话,我怎么办?如果是LY的话,是不是让其他LYY上的东西全部干掉?那当前的LYY点不就行了?这样的话,外面这层破循环是不是就省掉了?性能是稍微高一点,所以事件委托我们经常要用的,懂不懂可大家可以看一下啊好,你看这边是不是有一个他给他其实在清掉它里面干嘛。
13:01
它也有一个。看到没有,一般我们会用这个产品,这两个他都是一样的,能理解吗?好干嘛,我挖一个什么,挖一个to什么,它是吧,等于什么。Ev.chd清洁的to ch大取取第几个to ch吧,取D0高啊,取到低零高这个怎么办耶?Touch c点什么?Target target问你这个target怎么写?有没有可能是A标签?有没有可能是LY标签?都有可能吧,问你有你们写A标签的时候,有没有可能这么写?
14:00
有没有看到?你没这么写,我肯定会有人这么写。也就是说你这边它点它给的是不是一个节点啊。你想拿到它这个节点的名字,怎么拿点?Name是不是最好要出阿,默认它全部转成大写,如果这个东西等等于A,或者说是等等于什么?LY。OK,处理逻辑一样吗?不一样,我们就是应该让谁点亮。I吧,我们这个是不是给了LY的?是不是说如果是A标签的时候怎么办?他起身干嘛先上来干嘛循环把干嘛全部干掉,这个是必须做的。是不是,其实这个判断是不是可以写到。这边来这行这个事情,这个事情要必须做的。
15:05
是不是OK干嘛,我们再把这个干嘛拿到不就行了吗,CTRLC。大看这个事情必须要做到,不管你点到谁,反正iy上这个X全部干掉,如果你点到是A标签,我应该怎么找他C点他给的是不是就那A标签,你A标签的。弄的A标签的是不就让当前这个干嘛点什么。是不是要这个节点干嘛?P什么?PR。弄的是不,它是不是这个就是那个LY啊,让这个LY干嘛,T加上吧那个嘛,Tos点什么二什么class这个节点么,给它叫什么X是不是如果呢L。
16:03
福,如果你点掉的是什么,点掉的是。CTRLC什么标签,LY标签怎么办?让谁点亮当前这个他给的点亮是比。是不是这么玩的?你看我这里面的逻辑,比起这边逻辑的话,是不是外面少了一层锈花。是不是啊,因为我们使用了时间委托,时间委托的根本机制就是冒泡。好,来看一下我们有没有时间。刷上一点一点一点很好,没有实现。不能读取零和完点多少?159行咋了?写错了吧?CN及ED c Cha。CN这个对的吧,是不是所你来看一下。
17:10
是不是过来了,是不是也有误触啊。啊,这解决干嘛,一模一样的套路。只不过你看这三个事件的绑定都不在这个循环里面啊,性能会高很多啊,就把C拎过来。放到他们的上面了,全部改成list,这也改成list是不是就可以了?是不是这边呢。干嘛?那我这行不行?叶认不能用什么认吧,可以吧,你把这上吧,是吧,如果this点目为to的能执行吗?或者直接算这也行。是不是一模一样的吗?不一样的编码形式吗?来。
18:03
刷一下你看没有出了吧,是吧,走你走你走你走你走你是不可了。是不是导致我们这边要做这么多判断,是不是就是因为你这个啊。什么你这个A标签跟你这个L不一样大。你如果这个A标签跟你这个LY,你看如果这A标签跟这个LY一样大,还会出现这种问题吗?会吗?不会了吧,你如果你不想做这个判断,应该怎么办,怎么办,这个钥匙应该给谁?就给这个A。让这个跟这个一样大,扩大乐趣吗?是不是,那我们的CSS应该怎么改?去这个什么组建的那个里面吗?这个给谁还给吗。不给吧,是不是直接给这个吗。
19:01
还,我们还会这么写吗?我们该怎么写,是不是这个A标签啊,当你这个A标签在什么。在你这个标签是A,我怎么办?背景坏吗?干嘛?颜色换一换。是不是在大,而且你这个A标签得跟这个Y一模一样大,怎么办?DISPLAY100分半,你外面就不需要做那么多判断,是不是打开考了这个干掉CSS的嘛,并进来好报错开心看一看哪边错了。哪边哪边在哪边是不是插错了,是不是少了什么大括号。你这个。
20:01
没事吧?在这边报的错。没问题啊。怎么又报错?人生好艰难啊。我很想让你出门走的。对,我们这干嘛,外面给的谁?给吧。比如说现在我给谁给标签万来看一下别的生给我肯赚S。可是没我吗?哇口这么智能。不应该这样治的吗?哇,真的好,好像是我们结构没对上,他还给我们。
21:02
真的。我的天呐,我不怎么信啊,他刚刚真的我错了,刷一下。你看现在是不是都在A标签上。是吧?还是那么,因为是不是给了是给了宽度。那宽度应该哦,它是不是有偏的是不是啊。那这个判给谁啊?咱们从样式上面的话做什么,但是我们判断会,而且我这个序肯定会变脏啊。不应该外星版本。我现在这个A有没有排量。
22:01
有没有看掉没起作用了,是没有过来好。算了。嗯。好看一下。看下说下。A3,有没有看见我靠,考了什么鬼,还没起来。这个是不是有点麻烦,我感觉可能。就是说你这个没用。一是吧,他说我这个1P。哦哦IPO不对劲啊,这没这没问题了,在这边不用。
23:08
为什么我只需要编译它是不是就行了,是吧,所以你我变它肯定没问题吧,你看我一保证是不是肯定没问题啊,弹点在里面看有没有。那我们应该找谁来爸爸?那在哪?是是这个是不是。有吧,没错吧,他肯定错的,因为这个没有一可能译,他不可能主转,因为干嘛全部引进来了吗。是不是好来看一下。可是为什么没有用上?怎么逗我?是不是你看这个A标签。
24:04
它是有有排的吧,你看那我点的话肯定都是点在上。是不是啊,OK,那Y什么减该怎么线。现在是不是这个A标签已经干嘛了。那么这个A标签是不是保证LYY已经成本啊?是不是啊,那怎么办?外面应该怎么想?外面还需要写的这么复杂吗?不用吧,怎么办?直接怎么办?直接就了,这就可以了,是不是他之接他给你肯定是你标签嘛,一点不到L身上去了。这样刷一下。前面没事啊,这边咱们三都是L是吧,这边我应该去哪。是吧,所有的ctrl c come on那边换换。
25:06
哪边换换这边这边。是不是CTRL一会时看一下,算一下这里这里这里出有没有。是不是那不一样的写法,有通过样式来通的,有通过这个判断来通的,11有没有讲啊,只要你有思路就行了啊,可是这里面最重要的是你到底理不理解什么是时间委托?失信委托的好处能不能体现啊?很明显,少了一层负循环。是不是让所有的事件全部冒到负极上面,让我负极来处理是不是啊,我看看这个事件它给的是谁,不一样的,他给的执行不一样的逻辑。这就可以了。
我来说两句