00:00
继续来写一点,那这个头部咱们算啊,结束了,好,那是不是要做这个主题内容了,总共有几瓶啊。总共有五瓶吧,那这五瓶我们先不管,咱们先把这整体的骨架给他打出来吧,最起码你动鼠标滚的时候他可以划吧。而且动白果轮滑的话,你看是不是很多效果都是联动的。大家没有看到,而且是不是有一瓶一瓶在切换的,但是其实本质上我问大家,你知道整个系统它到底应该长成什么样,比如大家看啊,说这是我们的整个页面,是不是OK,走你这是我们的头部。是不是下面这一块是我的。内容区吧,内容区是不是应该这么大,是不是问你内容区里面这个元素总共有几瓶。五瓶,而且每一瓶多大?
01:01
每一瓶都是跟那种区一样大,连在下面放几瓶,连放四瓶,那其实我们说把内容区放大的话,它应该就长这样。好,这是我的内容群是不是啊,OK,走,你其实它总共有几瓶,下五个他他应该怎么样,这是第一个。是吧,下面应该有几个有。四个有四个在这等着我,每我每划一次的时候上来一瓶,我每划一次时候上来一瓶。能不能理解啊,OK,那是不是这边又是一个ul加L的解方是吧?OK,那应该怎么怎么做?首先我们干嘛来看一下我们说头部交互作文了,CTRLCCTRL,再贴一份零三。内容区布局,先把它做好,内容区的布局好,内容区的布局怎么做?
02:00
来看一下,好,首先我们说头部先给他干掉好,内容是不这样的,很的好,里面应该是个什么鬼。Ul加LY的结构总共有几个LY?五个L每个算一瓶吧,一瓶里面是不是好多好多元素的,问你每一瓶是不是都是一个固定布局啊。看到没有固定布局,外面是个什么。流体布局是不是再来看,再往下走,你看看到没有固定布局再走。好飞机不算啊,啊飞机你们先不要看,走你走你这是不是一个什么。流体啊,这不都是固定加流体,固定加流体啊,而且这个内容区到底有多大。啊,其实已经被定死了。一乘一乘以500啊,能不讲OK,也就是说是不是我每个LY里面都有一个什么固定容器的是吧,比如说class第一个叫什么。
03:02
嗯,这个拉我给谁啊,我给LY吧,好吧,一样的是吧,这个叫什么home是吧,好走你好,比如说干嘛,这里面我D里面就填好找,你应该这种东西有几份。五分345是不是,然后是什么。CC是不是CTRLCCTRLBCTRL,还有什么。Works什么是吧,CCV,还有什么about a Bo about,所以CTRLCCTRLBCRL,还有什么team t ctrl c ctrl b是吧?结构是不是这样的?问你这个一千一乘以五百二应该给谁?一千一乘以一百二给谁?
04:01
给这些div外面的都是流田。每个LYY都是一个什么流体,那么你讲好,那怎么写?肯的叫什么的是什么,现在是不是照样,我也给他一个看,叫做历史是不行,这个名字跟上个是不是干嘛。取得一样,可是只要你放到这个ID后面就可以,它不会冲突的。那边讲好OK,我们来看一下绿色叫什么,所有的LY底下的什么。所有的div是不是他们应该干嘛?干嘛Y1000。高度呢?啊,对,这个300。这个300的高度应该不多少,70。
05:01
这个高度能用钥匙扣吗?咱们先不管,我们先干什么。那没出来没有背景吗?给个背景,但是完了为什么。周周,你打错文件了。是不是应该看什么零三你看是不是这样的,OK,很很丑吧,是不是,首先这个布局上面就很丑,其次我们说你的一个宽度确实是定好了它啊,你的宽高都定好了它的高度呢。它的高度是不是应该我页面的高度减去头部的高度啊,是不是拿GS来空的,那怎么办?大小,其实我这个大小,如果我再这么去写代码,这个代码就会越来越多。是不是啊,我们是不是应该有个很好的组织形式啊,那怎么办?这边这个代码是跟谁有关的,跟头部有关吗?那我第一个函数行不行,而且你还的什么棒,可不可以啊,问你,你不定这个函数行不行,可以,可是你待会写代码写到后面就要封了啊,所以说我们来组织一下这个代码干嘛?
06:14
拎到这个函数里面去嘛,啊,这有点类似于函数化编程,这点CTRLC头部上面干嘛调一下嘛,是不是,而且还有件事情我要问大家好,大家看这里面的这些这些操作啊,我问你,你看我现在是不是点上去的时候箭头走然后干嘛?然后你看我箭头要走然后干嘛,这个呃平要动这个什么tap的颜色也要换吧,问你这些操作是不是。一些公用的操作,你看我下次划鼠标滚轮的时候是不是一样的。那这个代码是不应该抽出来。是不是拿出来写成一个什么方形嘛,OK,比如说这个方形我定义的这叫什么木可不可以啊,OK,我先把它定义成一个什么函数再说,OK,那我问你,那把这个函数拎过来的时候,我应该怎么办?是不是搞一个负循环CTRLX啊对对对。
07:15
Con。A,这里CTRLX是吧,全部切过来吧,切到这个函函数里面来是不是切到这个函数里面来的时候有没有问题,什么问题啊,我待待会是不在这边掉,是不是丢了,我问你现在这个是谁。是了吧。是不是因为你木是这样掉的?就单独一个调用嘛,那这个this就变成window了,那怎么办?可是问题这个里面如果我写z.Windows不是这个是谁,这个是谁,是不是这个L每个LOK,那那我是不是现在把这个参数给传了过来了,是不是,那我干嘛下面Z量子全部变成什么。
08:10
Index,这行不行?没问题吧,走你好,是不是在的,来看一下我的页面有没有挂掉。刷一下走,你是不是没有坏掉。有没理讲OK,可是我们说整个组织形式更加好了,是不是OK,那我们干嘛来处理干嘛?这是关于什么头部啊,这把头部的交互这里好,再来看还有什么内容区的吗?是不是内容区的交互OK,内容就是交互,我们也起个名字叫什么嘛,什么放的嘛,是吧。这个行不行,可以的吧?OK,来一个function,好,就叫这个名字,CTRLCTRLB是吧?OK,上来第一件事干嘛?
09:08
我这个内容的高度,你是不是干嘛。心里帮我干嘛?指定一下内容区的高度应该等于什么?内容区的高度等于四口的高度减去什么?头部的高度吧,是吧,那么你头部元素有没有达到?没有,那是不是先把头部圆头部拿到个什么吧吧,等什么多的点Q要的找到什么。的是不是CTRLCCTRLV,你还有谁?内容去吧C什么TN等于什么,找到我这个内容去是吧,你这个肯的点是什掉点。看看应该没什么。等于什么document.document element点什么CC。
10:09
还减去什么?减去什么?是不是走,你叫什么P好走,你看一下这个高度有没有承担。你看是不是就要过来了是吧,然后这些home应该怎么办?是不是在我这个啊,你看是不是都应该在我这个区域里面居中的。在每个里面去居中的,我问你现在我是不是只把这个肯的高度给干嘛,变成了我是的高度解决啊。是吧,头部的高度了,问你每个的高度是应该是一样的,每个LY是不是应该是这样的?每个L的高度是不是跟我肯定的高度应该是一样的,你来看现在我每个L的高度跟我定的高度一样吗?
11:02
不一样,你看他在这呢。看到没有,它就是520,因为它是靠内容撑开来的。不信我不信我们来看一下,走,你来看一下,我们说外里面是不是,你看这个U2的高度为多少。为什么是两千六啊,因为每个都是520,五百二乘以五,不是什么两千六吗?这个高度对吗?不对,你每个L的高度应该跟我这个肯定高度一样吗?是不是啊,OK,那怎么办,一样的嘛,你这边不知道吗。是不是LYY,是不是他们,是不是他们,不是吧,这是我头部的吧,是吧,我应该画个什么?再一个什么c ly not是吧,等于什么?多个的点O吧,OK,是不是找到所有的LY?是吧,是不是他们CTRLC找到这些LY。
12:03
把这些干嘛,高度统一个嘛,重新的控制一下吧,来一个什么负循环,这挖一个哎,等于零么。C not点认识二加加是,然后呢。Cly not什么?I嘛,是不是I点什么点等于什么。一模一样的CTRLCCTRLBCTRL是不是这题看一下。关掉我这里,我刷一下,你看是不是就过来了,是不是还有是不是都还有是不是都在下面,不信怎么办?先把滚动条干嘛。先把滚动条开开来,我们看是不是都在下面排着呢。
13:00
刷一下,看见没有,都在下面。排着呢吧,是不是因为我这个害的,你看我这个高度是不是只有。只有这么高能理解吗?OK,走音,然后吧,开起来走,你刷一下,我说你这个后就要居中吧,这么居中。怎么居中啊谁啊,这些D是不是要居中啊,参照谁这个谁居中啊LY码,那我Y干嘛。Y定位下。行为什么行为相对定位嘛,是吧,他们居中好不好写,居中代码再不会写。我哭给你看,可性为什么吧?Left为零,是不是为零?OK top为零。眼怎么老跳掉?
14:00
Bo OK。好,To,走你应该居中了,刷一下是不是又过来了,那么理解OK,那看然后是不是我们叫时间每次点的时候去进行一次啊切换了,是不是其实还有很多细节我们才会要抠懂不懂,好暂时先布局,布局做到这一块,好那我们来把这个O打开一下,看看下下面的东西是不是都一样的,走你看是不是在这边等着呢,等着上来呢,是不是OK,走你把这个回来好,还有一个我得问大家一个问题。好,我来问大家问题,好,现在这个木问你这些代码算不算异步代码?整个151行到151行到156行,这里面的代码算不算一步代码。算,因为你这个目函数在异步代码里面被。调用的懂吗?好做GS你要写GS啊,你就其他你高级的概念你先不用懂,可是异步同步给我分分开。
15:05
懂不懂异步同步的执行的什么逻辑是不一样的,整个环境也是不一样的。能理解吗?说自己长一个心眼,好好的去看一下啊,这里面的一些东西的话,比如说为什么要传参,为什么这边要做转榜,为什么不能用this啊,想想清楚。能理解吗?OK,好,大家先下课行吗?
我来说两句