00:00
啊,这个项目这个阶段自己一定要多写啊,而且我提醒一下,一定要是跟着自己的思路写写出来啊,千万不能对着代码抄啊,如果你第一遍没有思路,你对着代码抄了一遍的话啊,你不能停啊,就是第二遍的话,你得自己把它写出来,直到你自己完完全全跟着自己的思路把整个东西给写出来了啊,这个才算过啊。好,那么来看我们刚刚的话,是不是把这个头部的布局稍微的去做了一下,OK,那我们再来看是不是底下还有一个小箭头啊,为了让这个小箭头待会能显示出来的话,我把下面这个内容我也先填一填啊好,刚刚这一块的话,其实我把这个SV关掉。好,呃,这一块其实我们做的是一个头部的布局啊。好。我们来看一下,呃,我再来填一份CTRLC啊,我们要写头部的一些交互效果。
01:05
好。嗯,这样,我先把这个小小箭头啊,是不是在哪小箭头。这是我们的头部的主体内容啊,Logo导好小尖的是不是在这,好,我下面再把一个容器给它写出来,三个行是不是待会会有下面有下面有内容区的,然后SET3个型,OK,给一个ID吧,叫做内容区,是的。OK,我把这个区域给大家先勾一勾吧,OK,嗯,这样CTRLC头部的样式。那种去OK。好,这个内容区也是一样,先把这个东西先拎进来,好,先给他一个高度吧,给个高度为。
02:10
先给个300PX的高度,OK,给个底颜色就可以了,嗯,什么颜色呢?嗯,淡一点的颜色,OK,好,来看一下在哪。找不到。啊,因为没有了。好,是不是在这,OK,那我们来看一下,首先咱们说这个头部其实我们应该是白颜色的吧,而且有有些浏览器,它这个自己的腰是不干净的,懂不懂,所以说你这个白色不能干嘛,是给什么你不能干嘛,比如说我们刚刚写的这个粉红在哪。傅红给了谁啊?刚刚粉红给了是不是给了他,你说我把它盖掉,是不是一个白颜色。是不是啊,走你你看我把它干掉,是不是就是一个白颜色啊,可是你不能这么干,懂吗?因为有些浏览器它干嘛不干净啊,就是你要必须给它指定我这个头部以后就是啊。
03:02
白色的能好,而且这个白色应该给谁。外边给外面的层大的整个什么的啊,你的咖啊,什么背景必须都是什么白色啊,这个显示的给他干嘛指定出来,而且我我不让你去改了MP吧是吧,好而且我不想让你改了这题。那就是白色了,能不理解好再把这个箭头勾一勾,好再看这个箭头的话。我先把它的样式写一下这个箭头,箭头是不是跟这个logo那是同一个等级的是吧,好走CTRLC好好,没有这种预处理器的时候,我们写样式就是这么写。啊,你会发现写样子干嘛,就拿个注释包一包是不是把样子写到一块,而且写压子干嘛,最好写在啊。一行啊一行写不下怎么办?
04:01
分两行啊,就是不要把样式干嘛,像我们之前去写,写一些东西的时候干嘛。我们之前再去写,写一些东西时候,咱们咱们写一下是不是都都这么写的,这么写不是很易,易于什么阅读懂不懂最好写成一行,如果用原生三三去写的,你选择写的再长都没有关系啊,因为是从用。往左读的啊,没有什么新的问题了,好,那这个箭头有多大,看看这个箭头箭头的参数,二十一十一吧,OKY10大。21、PX高度癌。11PX,诶斜到后面高度为11PX,它肯定是有背景图的,好URL去找一找。Image底下看有没有箭头,AR好像没有诶。没有箭头吗?有没有一个东西叫做箭头的?
05:01
好像真没有哎。是不是奇怪?没有吗?我看看吧。好,打开来看。有没有镜头打卡?还在没有?在哪?Me nu。第几行?应该是有箭头的,我记得哦,是不是他这什么鬼啊,这个名字怎么那么难听哦。就是他吧。M开头的是吧,是不是他找你看下在哪。刷一下,诶有没有。它的里面这个小玩意是不是在上面,它应该是不是定位了,它应该称着谁来定位啊,他那面来定位了,是不是定位,现在在干嘛,定下来OK怎么办。
06:04
他已经有定位了吧。曼,有没有定位,没有是吧,那我给这个班来个什么性吧,为什么相对定位是吧?OK,然后你应该是个什么。不是暂时完整个left,我现在你跑50%,是不是这个波应该是个正子还是负子。往下是不是负杂,是不是负多11PX是吧,应该就能看到它了,应该在中间是不是啊,我们来看大家首先来看一下我在刷的候,大家看有没有看到这个啊,你们看不到,其实在我刷的时候的话,其实它这个是从中间干嘛。从中间到这边来的懂懂,所以说它默认位置,其实这个有个开机动画的话,它里面一些效果你们觉得吗?看不到了。
07:00
那那就不管了,那这个小电头的位置在哪都行,是不是OK,只是说默认上来了,他应该在哪边。因为在这个什么。应该在这个home的什么正下方吧,那去home的正下方大身上,那是不是应该用加S来空了是吧?好,那写个加。怎么window点?的。诶哦,漏等于一个方是不是OK,好,一般上来我最最上面习惯性的是获取多美元素,获取多米元素,OK。过去好,我挖一个什么小箭头aw好D吧,等于什么document点要OK,小箭头的要是不在这。
08:08
CTRLC直接跳过来ctrl v OK,找到它,然后干嘛,我们说这个小箭头的位置应该在哪,它什么点,那看他自己是不是定位的。是是定位的吧,改他的left,他的应该等于什么,这个应该怎么求。看我这个home是参照学来定位的。这个后来定位的后是谁啊,是不是这个啊,一个个L啊LY是不是一个。相对定位的,他想LY是个相对定位的。LY是一个相对定位,那应该知道谁啊?看它的负极吧,负极是谁啊?整个list,看整个list在哪。
09:02
历史在哪?LYY。是不是这个这个玩意儿。它是按照历史定位的。你想,那我小箭头存在谁来定位的?Had来定位的是吧。那是不是会有问题啊。因为他们两个参照的定位是什么不一样嘛,那这个值我是不是干嘛不怎么好拿,我说你要保到他的正正下方来的话,是不是最好你们那的参照物一样是吧,那想想那怎么样,他们的参物样。想想你的定位是参照于曼达是吧?我最好让这个L的定位也参照于什么?还能卖吗?那我这个能不能改成相对定位。啊,能不能改成不是,他一旦他不的话,他是不是就了,可是改成不是的时候,想想会不会出什么问题啊,说一下你看是不是这干嘛。
10:03
没了是不是这个什么98行什么鬼,哦哦,先错了点,可是我们说一旦相对定位干嘛变掉了吧,怎么办?我们说相对定位变掉是因为什么?你的这个外是靠内容撑开了呗,你外是百百行不行,外是白板行不行,好像不行,外是百分百是参现参断什么,开的慢了吧,那外是百分百可那。啊。我就改LY的定位啊。就是改LY定位,我把LY的定位先称到什么还能卖的定位吗?那这个Y是百分百,现在多少看这个LY吗?你看整个是不是特别大一多了吧。是不是,你看L是变成个吧,1000多了吧,你这个L的百分百是现在什么还得卖了吧,那想想。
11:03
那我还不能这么改吧,那我就让你是一个相对定位的。只有你,哎,那这个还不怎么好做,大家想想箭头不要放到里面去啊,因为这个箭头本身就是一个独立的结构啊,你不要破坏这个结构,嗯,想想怎么办。我们从样式上面去着手,大家想想。安在这,他现在参照的是我的整个看到没有是不是好走,然后呢。Ul在这里面的第一个LY。参照的是我的有啊是吧,嗯,不好办。LY,看这个LY的为相对定位。像我这个LY。我这个定位是用来干嘛的?
12:02
啊,是用来他们做干嘛。叠到一块去修,是要必须要站到我的I来定位的吧。嗯。那就尴尬了。那想一想,那这个小镜头应该怎么去扣你这个LY,现在ly of outside left应该是谁啊?比如说我第一个home键这个ly of left应该到哪了?因为现在它没有定位,它本身是个相对定位嘛,本身是相对定位的话,大家本身是相对定位,就是非fix嘛,非fix定位它有没有定位负极啊。哎,它有定位负极,那是不是到它定位负极的,非定位是到它定位负极的吧,不是到这个啊类似的吧,那我能不能用啊。也就是说我这个LYY,现在它这个值的话,我拿它的O的量应该是多少。是到哪的,是不是这一段?
13:02
是不是这段,而且我现在他也是不是参照于什么。哎,他们俩的定位的是不是一样的,哎,那我刚刚纠结什么。我们来看一下。我们来看这个值是不是一样的,先把这个动描说啊,拿到画有什么?换个什么谁呀,完蛋谁啊,我要我要拿谁啊,我要拿。第一个LY吧,是不是OK,先把这个所有的LY全部拿到,等于什么?哦,OK,怎么拿怎么拿出来就他们呗。是不是OK,走你。好,你们发现这个快是不是特别好用,好拿到手里LY之后,我要拿第一个吧,哇,一个fast什么LY漏的应该等什么第一个嘛。
14:00
是吧,Ctrl c OK,第一个,好,我们来看吧,先来看一下cons.look一下这是什么?Fast ly not的点什么?A left,看这个字为多。说下。754差不多啊,它肯定不是存在于这个历史的,应该存在于整个什么这个区域的。是吧,好那就好做好那怎么办?那我说我这个箭头的left应该等于什么,等于你这个fast no点什么。是点什么?S left怎么办?是不是干嘛?这段距离加上什么?你是不是中心点要跑到它的中心点啊,你这个小箭头的中心点要跟我这个home键的中心点干嘛对齐吧,那怎么办?小件的拼量该为多少?加上这个后的一半减去自己的一半。
15:00
是不是要减去这一半,因为我这个小箭头跟你这个home键不一样大。首先你应该把我这个配料。干嘛放到这边来,是不是干嘛先先找到你的中心点啊,找到你的中心点设置成我这个箭头的偏移量。是不是,然后呢,为了让我这个中心点跟你的中点对齐,然后把减去我自己的一半是不是,而且这个一半都应该是。是不是啊,不能拿可能是吧,那么你想那怎么办。加上什么?第一个箭头的什么?不,不,第一个的什么of减去什么?小箭头的什么,自己的fet y要不要除二的好,前面要不要除以二,都要除以二吧。是不是减去自己的一半嘛,后面加加什么X看一下只你。
16:01
上来哎,是不是它下面来了,能不能讲OK,然后大家看,而且还有个事情默认大家看,默认上来,它是不是应该就是黑色的,那怎么办。就是他吗?他的什么?他要变成黑色,他的掉点么外怎么办?应该得到。刷一下,诶,不对劲,Fast的是谁啊?你看。改改up不是改这个发的应该是阿吧,你看是不是,那是不找到这个阿尔法。OK阿,怎么找?应该找fast up吧。我的天呐,一个什么fast up。是吧,他应该等于什么,不就你的第一个吗?去找什么Q加去找你提交了什么点不就行了吗?嗯,这个能能看懂,OK,它的什么是掉点,应该等于百分百,这能没你解来看一下是不是这样的。
17:18
哎,你看是不是干嘛,是不是我开机的时候就有一个动画的是吧,可是开机时候它应该也有也有个动画的,为什么?因为我们没有给他什么。加全三形吗?是不是啊,你应该一一个动画吧,这写的稍微稍微有点长了,那就分成两行吧,好,他应该来个什么全三也给个。一秒给你刷一下。是不是都是有动画的,那不讲,因为我这个站点就是一个整站的,什么都是动画,整站都是动画懂不懂好,所以说我们的设计也都是什么啊,整在全是动画,好,那我们继续往下好,那是不是每次点击的时候他还得跑啊,OK,那是不是把这个功能也得做一做,OK,那这个功能怎么做好,我们把这个三给它合起来好,那我们是不是再去获取节点,OK,那这些就是获取节点了,OKY个什么,现在要去拿什么了?
18:22
所有的什么吧是吧,是不经拿到了给这干嘛循环的去绑定是件码是吧或循环什么画一个I等于零,什么I小于这个玩意点认识,然后呢,I加加然后。是不每个L弄给他去绑定时件点哦可的时候等于一个方OK,每次点的时候我们说什么,每次点上来我让其他的外全你自己的外了。是不是很大?想想现在我时间给谁?
19:03
给LY最终应该给谁?改阿。是不是好的,想想这边我在上面去保时件,问你这个世界能帮给up吗?我能找到所有的up去给这些up去保时界吗?Up默认都是零啊。点不到的那么讲,所以你这个事件只能绑给啊。是吧,那我是不是得找到说的二号。你因为你待会在点每个的时候,你是改这个L所对应的什么啊,那我是把所有的全部找到,OK,你啊六应该等于什么。是不他是不是啊,CTRLC在这个L后面干嘛,知道吗?这是不是说这是不是说的阿尔法问你,那我是不是阿尔法,每次你点这个L的时候,我让对应的这个阿六点吗?掉点是吧,变成。分我能这么写吗?我问你执行到108行的时候,这个这个报。
20:09
执行到108行的时候,这个I应该有多少?是不是ly not点愣死了。还有这个啊,这个还能找到吗。找不到肯定会报错的,不信我们来试一下,走你。我随便点一个,你看不能从二方去读掉,有没有遇到过哦,我说这这里代码都是异步执行的,我们说一定要有同步跟异步的思想吧,所以这里面能有爱吗?不能吧,能用认识吗?不能吧,认识是谁啊?LY,那就尴尬了。那怎么办?好,这是一个很经典的问题,以后我们拿B包来解决,可是这个时候不用B包也做怎么办?大象问你这边107行这个代码是不是读到107行的代码是不是同步自己的。
21:04
107万这代码是不是同步执行的,只在这个回调里面代码才是什么一步执行的吗?诶我在这边绑一个index,那我是不是给节点去绑了一个什么index属性啊是吧,比如说这个就等于I行不行。这可不可以啊,那么你下一步我在这个up,我进来我问你,我这边去拿this识点index行不行,这个Z点应该始是不是跟这个LY对应的。能不能理解我的意思啊?是不是现在我每个L上面都绑了一个index啊,这个index对应的下标是不是就是你循环的时候那个下标,这个下标我问你我能不能在这个轨道里面去用。能不能问你这个阿Z点是不是就是你每一个所对应的那个。
22:02
能不理解?能不能理解,OK,我们来看一下这个是个点,会不会出点刷一下,比如说我点这个,你看选中,我点这个选中,点这个选中,点这个选中。是不是这里面我们是不是做了一个转包。把这个I绑给了一个啊。LY的属性在这个回调里面,属性会不会掉。属性不会掉,变量会不会掉?变量会掉掉,为什么变量会掉掉?因为你最终走到最终执行109行这行代码时,问你这个这个里面这个里面这个I是多少,我就要问这个问题,执行到109号这个S。是不是ly no点认识了,是不是这个值了,问你这个现在你如果这这里面用I还能拿到节点吗。拿不到节点了,我总共就干嘛,比如说这里面总共总共才几个节点。
23:05
看看。总共才五个。是不是总共才五个,所以应该零到四的是不是,你看你现在如果是这边干嘛变成I6点认识的问你这个词段是五吧,你从这个数据里面去拿五,第五个元素你能拿到吗。肯定拿不到啊,就是你这边切记不能用I吧,这个I已经不能再被信任了,因为这是一个一补代码懂吗?那干嘛我们说一般我们是不是用this啊。可是这个时候也不能用this,因为我要操操作的对象是什么阿,是不是,那我是不是要找到你这个LY所对应的这个阿尔法。你看,我要找到你这个LY所对应的阿尔法。是不是我找你这个LY所对应的这个阿尔法。那你讲这个L的下标是不是零啊。是不是这个L下半问你问你这个阿尔法下半是不是也是零,因为我是两个数组嘛。
24:06
一个LY,一个阿尔法,这个数据的个数都是五吗?是不是问你,那我现在问你,每次我在进入这个循环的时候,我先给你每个LY榜一个下标。这个下标这个index,就是告诉你自己在数组里面处于第几位,让大家想想,那我这个LY上面是不是就应该有个in,有个index为多少?每次走这个循环的时候,我这个LY身上会有个小道。零它呢1234,问你这个01234是不是也是对应着你这个二在它所在这个数组里面的一个小标。是不是?能不能理解,那问你,那现在问你up no是不是那个数组this-index,这个this是谁?L。能不理解,那么你那这个值是不是你每一个LY所对应的这个阿尔法?
25:03
这个节点。是不是,然后点死掉点Y800就可以了,懂吗?这个能理解吗?啊,这个转包很重要啊,注意这个转保啊,这个转保机器重要。不是装逼啊,转访很重要。好,我问你,那这里面其实我们每次在点的时候,是不是其他的都应该变成。零二好,那怎么办?负循环呢?是不是每次点击的时候能不能来个负循环?可不可以啊,I等于零嘛,I小于什么是不是阿分六点认识啊,然后呢,哎在加,然后怎么办,把所有的他们的什么,这里面能不能有啊,可以啊,这是什么?在异步代码里面去执行一个同步代码吗?这个还有没有,又没有任何问题了,把他的掉连变成。
26:12
是不是来看一下嘛,你。刷一下,哎,这你其他都变成你吗?其他全部退掉。是不是啊,只点哎,可是有一个小问题啊,大家看。比如说我在这边打开的时候,大家看到我,我不点,我和我上去的时候是不是也是有动画的。是不是我点的时候,你看这个是不是就变黑色,其他是不是退掉来看咱们的,我刷一下来看我后面上去就后面上去就他有没有动画,有的吧,OK,我点我你看其他退掉自己是变成黑道,我在后到现你看还有没有动画。没有了吧,这是为什么?
27:00
你要把它改了。你看我是不是其他的都已经变成零了,你看我这个LYY,我这个UI里面Y大家看。是不是它底下这个阿Y是不是都已经变成零了,而且是不是一个内敛样式啊,我在上去的时候干嘛,我后上去的时候大家看。我在后外上去的时候,这个还能起作用吗?外速版本还能起作用吗?为什么你的权重,你的特殊性太低了,我是不是有一个更大的特殊在这边啊,零到零还会能出发过渡吗?触发不了吧,那怎么办?除非你在这边叫什么。加上一个用户。IPO啊一波是不是,我来刷一下,OK点过来,你看我在op上去是是不是还是有这个动画的,那没讲OK,可是我们说加这个音波的人可能不是太友好是吧,那怎么办?那你切记你在这边不要把它制成啊,你不能把制成。
28:04
你应该把它制成孔。制成空大家看制成空他不会在这帮你去绑钥式的,我说一下周你现在吗?大家看上来是不是这个AVA来买啊,你看我点这个沃克之后,你看他把这关给清掉了,这是最干净的,那能不能讲说内联样,内联样式里面有没有残留没有以后在这些做循环里面重置样式就会切记不要给它,干嘛重置成零,而且干嘛重置成。空懂不懂,从这空的时候,你看就不会出现这个问题,懂不懂,你如果默认写个零,那就可能会出问题了。能理解吗?OK,那走你大家看,那到现在这一步的话,头部上的效果是不是全部做完了,箭头没有动吧,点的时候你箭头一点过来吧,那怎么办?最后一步嘛,但我这个箭头也过来了是吧,箭头怎么过来?
29:01
这个怎么过来默认是不是第一个你点的时候,你点哪个干嘛,我去哪个呗,是不是那个那什么LY。吧,这里面应该写什么,你点的是哪一个,我去哪一个啊,怎么办?点的是哪个能用吗。这里面能有爱吗?不能,必须是什么,This index。这个你看下刷一下。这年这年,这年是不是就过来了?好,这里面有一个很重要的思想,虽然说我们可能还没有跟大家去讲B包,可是你要知道,没有B包就就这么做啊,要对这个I进行转保,懂不懂?大家想想,如果你非得在这里面用I行吗?
30:00
我能不能用这个安。那么。不能吧,是不是你要点哪个干嘛。我去我这个干嘛,我去找哪个的么?我的去找哪个的外,因为每个宽度是都不一样的。能不能讲就是必须你这个箭头是不是跟你说点的那个I是有关系的。必须找到这个LY,它的偏移量,以及它的什么宽度是吧?啊,那所以说这边只能用Z点,应该好好去体会一下,这个Z点应该是一个作用啊OK。
我来说两句