27_尚硅谷_h5实战_第五屏(js)

我开始，嗯，大看我是做这种气泡效果，气泡我们已经画过了，不难。是不是还记不记得细胞怎么画的？要画气泡，画这种气泡效果的话，我们要。几个套路，首先两个器两个循环，记不记得两个定时器，下面那个定时器是准备数据的这些圆的信息的，是不是啊，你的颜色啊，RGB值啊，是不是你的圆的半径啊？是不是啊，是准备基本信息的，第二个就是是去会制动化的，会制动化里面有两个负循环，第一个负循环是干嘛的。动画的改变一些平滑的改变参数的第二个循环呢。啊，是绘制的是不是啊啊，那这个记住就可以了，是吧，是把这个套路记住了，所有的逻辑的话，慢慢的你就能想出来了，就怕你这个套路记不住是不是啊好，来看一下，好，嗯，那我们怎么办？我们首先来看吧，我们先不是鼠标放上去，先还有一个透明的效果呢。

是吧，这个好做吧。是不是好的第五瓶，第五瓶加S。明白。好。我们来看一下这个怎么玩。好，先找到谁。合家，合家。好，找到个听吗？是不是找到TEAM3下说的LR，但同学们对他们透明度进行操作的好，那这是我们第四频的效果啊，这是第一瓶的效果，OK，我们来看这是我们内容区的一个交互吧，内容去交互这个东西我们拎到最最上面了。

嗯呃，拎到这也行啊，内容去交互的话，跟哪个函数有关系，是不是跟这个函数有关系是吧，把这个函数拎过来啊，拎到这个下面CTRL啊，这个是跟鼠标滚轮有关的，动作上是什么？鼠标滚轮是不是好看来啊国妈我经常打。头部交互。好，来。我们来看吧，好吧，我们是不是要做第五瓶啊，你们课怎么能怎么把课上成这样了啊，第五瓶什么什么效果，第五瓶气泡效果是不是啊，OK，把你们士气怎么给上没了，我感觉啊，来一个搬过去吧。好啊，气泡效果怎么说丢走你啊，那个气泡L效果来CTRLC啊CTRLB好这里怎么，首先我们知道后面它就是肯定有效果的是吧，那怎么办，把元素先拿到。

是什么啊，这上面是不是都是动物元素啊，啊，这底下是一些变量嘛，是吧，OK，然后我们去拿什么。T3底下的所谓的什么。三那个Li列表吧，是不是他有那什么L好都select是不是找到什么。怎么找去找选择秀，就是他们是不是这个是是不是这些鬼啊。T3底下的LY嘛，是吧，没毛病拿到它。OK，然后这LY吧，好上两个码，我们是不是后面数是吧，这里面是一个什么结构啊，LY码外面是U吗？是吧，那大家想想。

二氢单位是不是有这个气泡伤害的？你的这个事件给谁啊？给L吧，是不是OK干嘛我们说来一个。Y一个I等于零，I小于什么？LY，什么T3？点认识是吧，点认识，然后啊加上是吧，这边这边应该怎么玩，给他去保时间吧，是不是每个I点。On Mo等于function是不是好？一般看到事件的，你知道一步代码来了，这个ID就不能用了，是不是好啊？这里要记住了，是不是好怎么办？

怎么写啊，好像这个套路我们也写了不止一遍了吧，我感觉好像经常是这种东西吧，是吧，I等于零，I小于。他点认识加加，然后怎么办，每一个什么这个可以用I吧，因为是外面一个里面应该不一样的啊，它要点这点统一是不是调成点五啊是不是OK，然后呢认点什么。应该等于一。这里。直接给也行吗？是吧，这里。啊，这是人家的是不是啊，这种错误不能再犯了。先打开我们的。

耶到一般卡了。好，停好，这里这是我们的吧，是不是让他去。第五你看上来是不是就有了，应该有个过渡效果啊，是不是给谁过渡。LY，是不是这边是吧，给它来一个过度。这个规律应该怎么写？这小一点方就是这边。是吧？给他们来个全自然醒。给个别给太多，一秒给谁啊，不是讲给谁很重要啊，习惯做做啊，习惯也好，给我带走啊。好。哎，是不是有了过度效果了是吧？有了过度效果之后怎么办？

你出去这个干嘛得没有吧，是不是啊。出去的话最好是从实，要是从整个右上出出去就应该没有吧。是不是啊，怎么办，给谁加时这。1万是吧，嗯。这个是我们题目三例子吧，再找到题目三吧。是听不上的。CTRLC也写到这个B里面来。三店什么欧斯并是不是你说最好欧斯欧跟欧斯什么。一个是欧up吧，一个是欧是什么？O还有个欧是木吧，那这些函数是不是这些事情是什么少一啊，太不干净了，对不吧，等一个方形这边应该怎么办？

统一给他调回来，调成一码是吧，好来看一下。一。移出去全全部恢复正常是吧，啊这引来进来出去。题目三应该选择记错了，我感觉是吧，我感觉是这个选择应该有问题。是啊，其实敏感一点的话，应该干嘛，就知道差不多是哪边有问题了，是不是刷一下走过来。

好，可以了，是不是给他加气泡，是是气泡，你要知道肯定有。没有开发是做不起来的，而且开发式的拼音呢，就应该是在这边。是不是啊，而且看始终应该只有这一个，不可能你十个十个开吧。气泡永远只看到一平吧？是不是，而且你发现这个气泡只要那干嘛，他气泡不是每次我浮上去的时候，他干嘛慢慢自己出来了吧，你看前面这个气泡是不是已经满了，你看我第二天就满了。说明这个开发时面是一个元素，不可能是一个LY对一个开发，不然的话你不可能出现这种情况吧，你看怎么慢慢我让你排满，排满之后我一我一上去之后就是满的。是不是它应该从底上慢慢的冒出来，如果是一个LY对一个啊是不是OK，那怎么做。

好好怎么做给他家看了是吧，怎么加。什么时候上去啊，肯定是什么。肯定在什么时去啊，欧的时候干嘛去加这个看斯吧，那就来个叫什么，这种事情一定要会做，你要知道待会去加开斯肯定是一个比较复杂的操作。你不可能在这边代码写好长好长，太难看了，干嘛我们直接来个函数，放到这个函数里面来玩。OK点怎么加。而且我们刚刚说了，这个开发式始终应该只有一个。是不是啊，看比如说我上来玩一个OCOC，是不是代表开玩笑是不是啊，你等于闹是不是啊，OK，夜什么夜，你有OC了，我还需要去创建吗？

不需要是不是，除非你没有嘛，进入这个判断说明干嘛能进入这个判断说明你没有。是不是OK，干嘛我去啊OC等于什么多的点create创建一个。看吗？是不最终把这个看给谁啊。Ul是不是就行了是吧，直接T3吧。三点什么？呃，天目山里面都是什么？都是LY吧，完了我们这个结构。怎么结构？不是很好呀。为什么不吃呢？你看如果我们待会加的话，是不是会把开斯加到三里面去啊。不应该叫到里面去吧，UI里面不能放其他元素吧，规矩吧。

你ul里面放个开你你算什么是不是啊，UI里面你要放I才才什么正确的，你U里面给我塞个camera，虽然说不会有问题，可是别人看你的代码他会问候你的，懂吗？确实会能问候你的，能不能理解啊，那怎么办？我们三到什么。Team记下来行不行，或者说按照这个三星下来行不行，应该像照这个三星记下来。是不是啊，可是这个定位怎么办？定位怎么办？我们说你待会这个L，你看完是不是跟着这个LY走的。是不是我Y现在有定位吗？这个有定位吗？没用，这个IG舞动。你有定位。是不是没有定位的元素，能不能呢？

老是下载like龙下的头发。你们是你们是想弄死我没有定位的元素有没有的有的呀，是不是啊，那把你的配音量拿到我给你看就行了吗？我你看地位起来不就行了，我在不在你U结构里面应该也没看到问题吗？是吧，那我们直接找到这个三角形吧，好像第一次去做这个三角形。是不是啊，OK，这里，那么我们说画一个什么。我们就叫他T是不是那个L啊TS吧，好等于什么。宽，是的，是不是找到这个T题目底下什么三，是不是这个三才是题底下一个直接的儿子吧？是不是啊，OK，给他干嘛。

每次你特的时候干嘛，是不是在这边，我们说你点了分什么TRY干嘛。不行。是不是这你来看一下，这个是应该有OC了。看能不能找到谁。有加进去，为什么没有加进去看。是不是英特才会？你看是不是有了。是吧，角加加va，没有，当然没有了，而且你待会知道了，出去的时候看把干掉。不干掉对你的效果会不会产生影响，不会，可是以后或许多结果上面就会问题，所以说你干嘛，你干活，你干干干什么。干净一点，是不是不要什么留留这些什么奇奇八八是奇怪的东西下来是不是，而且你这个开发这个尺寸应该跟谁一样。

最起码你这个宽度要跟LY一样，高度我们立说。宽度，宽度最起码可能要跟LYY一样，是不是啊，那怎么办？点什么？点外，呃，对，他可以直接外。他有个就叫外开吗，是吧，等于什么。随便找哪个都行，都一样的，是不是随便去另一个，随便找一个行不行点。要不叫骗子？是不是你？

118。是不是高度应该稍微要让它高一点吧，高度最好不要跟LYY一样，高度要比LYY小吧，是不是LY在下面呢？你看中线LY干嘛很大的，我问你，你如果屏幕很大的话，你是不是可以看到完整的。啊，这个文文字干嘛没办法，最小值是12P吗？懂吗？OK，那怎么办？这里过来是不是啊，这个高度我们给多少？L的高度没多少，给L的一半行不行，好像没有一半，我们看到膝盖了。给LYY的多少2/3嘛。好不好，OK，那我们说它的什么。汉。等于它的欧塞塔。T乘以2/3怎么写除以除以三是吧，所以。

过来，OK，是不是在这了，那么看到那怎么办？控制它的平移量吧，OK，我们首先给这个OC来个背点是吧，掉点八等于一个，诶，老家伙pick。这。好是不是在这是吧，然后呢，它的偏移量跟谁有关系啊。它的偏移量跟你移到哪个LY上面去有没有关系。有能在这边写吗？不能，这个信息在哪认。是不是啊，你OC有没有冒冒到外面去啊？你看这不是OC吗？木头外面去了吗？也是在这个里面写O，写OC有没有关系啊。没有关系。是不是啊，这也是一种设计吧，咱们把OC是不是提到最顶最顶层来了，因为这两个作用里面我都要什么用它。

懂吗？那什么？掉点等于什么呀？This点。这个要不要加PX是不是分呢。Top。其实。随便给个词也行。是不是OK，我们先不要地图吧，来看一下说一下。整理。这里这里这里诶很好。没有给他是不是啊。怎么办？要不在这边加。不用了，在这边写钥匙吧，写钥匙行不行？

好，应该是在第五题里面的是吧，它底下的team底下的吧。我放到三底下嘛，是吧，反正看是只有一个是吧，这为什么。算一下。99999999。结束。To变色是不是top应该？Left有问题宝贝。讲话。嗯，我们看这个rap的值现在有问题，先把这个做的值咱们调了吧，是不是这们搞的差不多就行了，来个。什么上网下载？

第一个是不是有问题啊。哦，但大家想想。现在你ly left to前断系统承对它的parent吧，这个时候他们是没有定位的。没有定位的就是非fix的嘛，是不是非fix的话没有定位，它也没有定位，负极参照于波点。是不是啊，那我现在这个开式元素，它是存在于谁呢。三个。嗯。怎么办？不对。不对不对不对，大家想想这些有没定位附近。现在它的偏移量是不是称当于它的定位负极了？是不是如果有定位负极，是不是要前端定位负极？

想想我们那个规则，如果你的定位，他现在不是他是一个非非定位吗。它的定位负极吧。如果没有定位腹肌参照于柏林嘛，那定位腹肌是谁啊？有没有定位？You，肯定。你看而果现在这个开法是长方形的三角形的。这看是还得放在UR里面。这好热啊。这真的好low啊，UR里面真的不能放L啊，你要是这么写，真的会被问候的，要不我们就被问候一下。要不然就怎么改了，怎么改可以改啊，怎么改。你这看我们从来没有拿U去玩过吧，咱们拿的一三吗？

不然咋整啊？我OK干嘛把这句话干嘛拎进来，应该问题也不大。是不是只不过你要这个包盘可能没有被撑下来，因为这个UR从来没有被设置过嘛，因为之前一直在设置三嘛，看下这个UR。一个。啊，因为要轻浮多嘛，就。都已经浮动起来了。

可是这个都去哪了？L的高度没了，为什么L高就没了？是我们的样式问题了，选择器写的太死吧，这个题目三不后，后面不能加什么。你后面。是不是这样？什么怎么？啊，这也是我们写的时候才发现的问题啊，对。这名最好。看这选择线底下的U有没有T，三底下的ul底下的L。题目三，底下站。啊，高度100%，U2的高度也得是。板或者说幺。

Ul，首先你的U分干什么？有要要钱要的。相对地板是吧，高度百分百那应该没问题了。是不是都在这是不是，那下面选下面的选择性，我刚写是不是也稍微有点问题了。在哪？获取这两个元素的时候啊，再拉过去的。这边是不是啊，这个时候要拿赛形吗？还是得拿赛形，这个赛有没有拿对。有三现在是谁？现在是D了，应该是有啊。是不是？这么改就可以了是吧，可是这两个名字可能命名稍微这个名字稍微命名有点问题，应该叫题目3U好吧，三。

T3UL是吧，查找一处两处五六，不能这么改，怎么改这里啊，幸好没有全部地完。这个应该改成三有啊，还有谁。还在那边用过它吗？在哪边过那个天目山呢？给他加了事件吗？其他地方都没用过，是不是能不理解？那是那哪个还行，Occ不能塞塞在里面了，OC应该在什么K3里面了，是不是OK，那找什么。

题目三是不是周你是不是知道这个题目三能不能理解，OK，周下现在他们成那。贴膜。这个颜色填不上是吧，这里刷一下。看下。T3不是直接的对，T3底下应该有一层三形，是不是这里。哎，是不是过来了，是不是刚刚我们这个字是不是给到了。是不是给个50，你看不给看他在哪，他肯定趁着U来。

定位的吗？现在不给正好。是吧，其实2/3它有多大。刷一下差不多是不是差不多能不理解OK啊，那这一系列的刚刚去改样式就是因为什么。为了一件事情不在UR里面去塞。看。啊，这个不是说啊，不是说我苛刻，是你UI里面本身就不能。右别的元素会出问题了，那不讲OK，那走你那现在是不是已经拿到了，加气泡就行了，那气泡怎么加。这本还需要重新写一遍吗？那得写到明天填了，填了肯定了，让我写我也不会写。OK，走，你气泡去找啊，气泡在哪？气泡在第13天啊，气泡啊，然后不是阳光下泡沫，是不是这个是不是把这里面代码干嘛。

CTRLC嘛，是不是CTRLC这边来做什么，你要知道那么长的代码肯定是发布型起泡，想都别想你。拎进来走你。整理整理。哎，这里这边是不是啊，这个CRL是不是可以看到。是不是啊，你再把量上来的，我的天呐，贴的话都是好气泡在哪产生，这这个OC还需要吗。干掉是不是直接可以用我们这个OC啊，你反正在我这个函数作用里面。是的，OK，没有问题，什么时候去掉它？你加上这个开放时就是为了看这个气泡呀，那你爱的开放时候就是一个嘛。爱的看法是最后一步干嘛？就是把这个气泡用过干嘛。

掉出来啊，是不是这个能不能理解啊，OK，来看一下下。有了是不是飞，你在哪？这个概念是吧。算了。嗯。是真有了，很神奇的样子。是不是？双向折点气泡出来了，是不是零透明度呢？因为你选择。透明度怎么没了，而且这个气泡消失不了，有没有发现一直在他身上缠着，是不是啊？哎，首先看这个透明度怎么没了。不对劲啊，透明度是不是没了？是不是啊，为什么？上来之后你看特别多，应该变成点我啊，他没给错。

刷下。透明度没了吧？很好。山底下的u ly底下的LY，这这应该没问题，是不是啊。为什么？透明度没了，它们不起作用了吧？是不是啊？为什么？气泡是有了，是不是待会出去时候把气泡干掉也可以做？问题是上这个透明开式去掉就有了吗？

这是为什么？我们看看我们的结构。说一下啊，你是他啊，我我明白你们班长什么意思，你是你刚开是他斯盖起来iOS上面了，可是很明显大概。上来你看，透明度全变成一了。是不是为什么透明度上来全变成？我们下面有操作任何的吗。是不是加上这个，哎，跟这个逻辑没关系，因为我做了。是不是？This点标点of c.this是谁啊？就是那些LY。是不是啊，就是那些LY嘛，这没有问题啊。

Leave的时候，诶想一想。哇，我感觉是他的问题。我有种预感。就是他的问题，我把他做掉了。那这个obc的唯一是怎么来的？怎么那么奇怪啊？确定为10.5的那个煤。不可能OC点都不一样，大家想想是不是啊，上来现在是O，居然是看有没有点五的这个。