00:00
啊,我们讲了两个容器,是不是容器的源码应该都能看懂啊,里面可能设计的语法很简单吧,混合加基层嘛。是不是啊,OK,那我们来看。好,然后把这个东西关一关。好,那我们来看,我们说这是我们三个系统源码的入口吧,是吧,我们说第一个第二个我们已经分析完了,没问题是吧,再来看是不是看行了,OK,我们来看一下行是怎么做的啊,这个列是最最复杂的,看这行。OK,横的定义是不是点啊class嘛,是不是它里面是不是掉了个混合,叫make,来看一下这个混合在哪边。里面有没有没中,这是不是我行的定义啊,是不是OK把行的定义往上连。好,这其实就是我行的定义,OK,看我行的定义里面有什么比较特殊的地方。OK,我们说他穿那个草牌八是一个。
01:07
负值,负的超款的一半。是不是记住刚刚我们在讲容器的时候,容器两边有开定正的超换了一半行,两边有负马电。负的凡一般是不是把这两件事情记住了,最后我回来讲,然后他也干嘛。继成了这个什么么,相当于首先你这个fix以及你这个make克调的时候,我们是谁的调,首先一个点。Mar接着掉。点肉这个这个是这个是谁的掉,肯定告这个是谁调。谁点?Container还有什么逗号点,什么container,什么ID,这些是不是会选写成选择题的组合,最终他把肯你面那个样式干嘛贴过来。
02:08
那不讲,这也是我们最终所看到的一个结果,什么样的结果大家看,比如说我来写这个流体容器打开了,打开的时候F12大家看清除浮动脉块的样式是不是特别多。收你你看只要跟清除浮动有关的,我们来这个ID,大家看是不是这么多。嘛嘛,你看肯定为不嘛,里面肯定有什么ID是吧,有肯会有。肯定好,你看热是不是说明这些选择器里面是不是都继承了肯定。能理解吗?所以说所以说才会这么长吗。相当于把公共样式盖。抽得出来吗?这是基,这是基层的优势吧,所以一般我们清楚浮动是不是可以写成继承的模式啊,其他有业务逻辑是不是写成混合的模式啊,这也是不知道开发者他干嘛推荐我们去写这种方式嘛,用我们的编码规则最好,是的嘛,见鉴一下人家。
03:13
能理解吗?好,那我们继续往下看。好,周,我们说好的,定义也极其简单,是不是?OK,周,你流体容器关掉,打开我的课件。啊,这个课件我们一点点去写啊,OK,第三步我们是不是分析了行的行,我们说行最终。会被,会被变成什么样子?看一下嘛,就是它。是吧,再加一个浮动嘛,是吧,OK,那其实就就超级简单了,跟不负的。30嘛,那负的15P是不是啊,这里好,这边呢,我们也是负的15P是不是,那我们说行是不是也搞定了,我们说我们学的四个啊,流体容器,固定容器行是不是就差列了,列是最复杂的往下列。
04:06
好看下列好电的定义在哪?这不是恒大,下面是不是就列了是吧,你看怎么调用的,首先是不是调这个混合叫什么make a great什么吧,是不是来看一下在哪去哪找。首先去这个里面找,里面找吧,可找找有没有。查找有没有没有说明下面这些东西都是废的。啊,其实不知道本里面没有用到啊,他干嘛重新定义份在哪回答fewwork里面啊,我看到了CL是不是它能不理解,OK,这个是用来定义列的,OK整个文件都是用来定义列的,来看它是怎么做的。好,这是我们练的,OK这边好好听了,来看是不是我在我这个什么入口里面去掉了这混合OK掉的什么,他这个题可关掉啊,OK来看一下怎么调用的。
05:11
整理。看能不能看懂。首先我问你上来应该先调谁,是不是去调这个混合,执行这里面代码呗,是不是这里面是不是都是又定义的混合,一个混合,两个混合,三个混合吧,这才是调用法。几个参数。一个参数调谁。他是不是OK进来第那个。一个变量码再进来呢。又去掉了一个同名混合,我问你自己掉自己吧,叫什么?对,循环的一种形式,这种形式我们称之为地柜。我们在讲的时候有没有讲过循环?
06:00
有没有没有less里面没有提供循环的语法,Less里面写循环都是定位,这就是less的循环。我看一下大师们怎么写的,他就传那个一进来给那个艾特码,这边怎么去调。咋调一加一嘛,是不是点C什么二嘛是吧,OK是不是艾特艾特吗?看艾特艾特是个什么鬼。这能不能看到?这叫什么?避免编译吗?懂不懂相当于拿过来拿,拿过来就是什么。CTRLC就是一个字符串是不是啊,可是我问你这些字符串里面有没有变量,看这个变量怎么写的艾逗号吧,是不是我问你,我说过我们说less里面变量属于。会计作,你看这个变量是不是在我这个会里面定义的行单嘛,相当于在我这个会里面定义吗?问你最终去渲染时候,这个X应该应该是多少。
07:08
这是段。那么讲你传进来倒是传家主义。所以最终边的时候它也是一样,能理解吗?好走,你再往下找,现在是不是去对它进行调用了,OK,找谁。还是找他吗?你有几个参数了?两个参数了,找谁?找他们俩吗?他们俩是不是嘛,两个参数了,这就是less里面的一判断问。叫什么index小于,诶,这是什么鬼啊。这个是不是没有看到啊,CTRL变量里面干嘛找一找LCTRLFCTRLB找你。OK,三个的列数默认是12,这就是三个列数的定义,能不理解啊?好,这你拿回来看看,好,我们说这个值是不是就是12,好,那就好玩了,好,我来问一下。
08:03
现在我应该是不是这是我第二步了调谁。要哪一个混合?我二小于等于12是不是掉这个混合掉这弧里面,你看它干嘛传进来这个XX是不是2X是不是我这个字符算,因为我的艾应该小于十吗?是吧,那我是不进来艾特艾特吗?又来一个艾是吧?你看艾特艾特是不现在为这个鬼了是不是OK我们再来看又调用了。是个什么意思啊,点C吧,什么三后,后面是什么?你看是把他们俩拼起来啊,是不是怎么拼的,前面我爱子是谁啊?不就是你前面传传进来这玩意吗,CTRLC吗。是不是X2项是谁啊,这个玩意嘛,是不是也把它什么传过来嘛,CTRLC他们逗号相什么相连吗?是吧,是是不是传是不传成这样的,是我就问你这个时候这个X应该应该相几的。
09:14
这个XX相减,这个问你前面这这一段。是不是这个艾特list这个传过来的,我问你最终去渲染,最终去解析的时候,这个艾应该是谁。一还是二,一我们说了这那里面的变量都是会计作用于的,而且会延迟加载,也就是说这个里面的一会不会消失,不会懂不懂这个值是多少,一这个值多少。这个也是134码,前四个不都都是一码,这个是拼过来的,拼过来这个刚么特吗?这个这个。这个你看这个多少20吧,最终渲染的时候,其实这边应该是。
10:06
一这个应该是一,这个应该是一,这应该是一,这个应该是。对。二这应该是ARM。二这应该是,二这个应该是。啊,能不能体会到。能不听到,能不能不跟你讲。可以理解吗?给个反应给我,能不理解?你看我这边在传的时候,你这个这个是谁啊。一嘛,是不是我们说你要记住里面的量都是快计作用的,跟我们是不一样的,对不懂,因为你当时传到我这个快里面,你在我定义的时候,我传的就是一,那他最终找的时肯定找到一,然后你是不是把这个东西作为一个变量艾特什么艾特嘛,传过来了吗?传给谁了?
11:03
At,什么是不是就是它里面自己又定义了个什么?艾艾嘛,这个变量的定义是不是在这个快递中里面的,当时你传进传进的是谁啊二嘛,那这个是谁啊二嘛,正在调的时候,你看这这个是多少二加一等于多少三嘛,后面不是拼了个串吗?这个串一开始爱的意思从哪来的?这个行参嘛,行参是谁啊?不就这个艾特,艾特吗?不就是他吗?那你上来不就一吗?后面这个字不就是二吗?能不理解,OK,那再来传还得掉吧,是不是还是掉它。循环的掉下去吧,调到哪告诉我调调到哪问你当我这个一代为12的时候,要要不要进来,要进来吧。是不是调13的时候,看它应该长成什么样子,点C是不是啊,走你我们说inex为13吧,后面是不是跟了一个参数啊,Str,这个S应该长成什么样子,这个S应该长成什样子。
12:23
应该长成什么样子,反正我知道前面肯定是13是不是这个应该是这是第一批啊CTRLL。C,这是第一批吧,OK,这一直到哪,这是第二批,CTRLC,这里应该一直到12,是不是这里最终变成CTRLC12。能不能解问你这个是不是,是不是又要去调用了,OK 13是小于等于它的吗?不是跳出。
13:05
这个是不是13,是不是大于大于12的,要不要进来,要进来看进来的时候干些什么事情,我问你,你现在传的这个历史的是谁。这个例子是谁,是不是,他是不是传进来,你看他把这个变量去当当做什么用了。选择器,我们说如果把一个变量当成选择器的话,是不是应该就是这种地方。那么甲相当于这个最终会变成一个什么啊,其实它最后应该是会逗号,先看,那你因为你这个逗号是零吗?当中拼的时候才才会有吗?是不是最终它就会变成什么,变成什么选择题。你能不能理解我的意思啊,它是不是就变成一个选择项。OK,而且他最终要,他最终是不是有钥匙。钥匙在哪?钥匙在哪是在这边。
14:05
这能没理解这道题,这是不是我整个混合吊管抽它的一个样子?OK,你看别人写的混合跟我们写的混合是一个等级的吗?是吗?不知道给我们甩了几条街吗?是不是来看一下最终变成这样子,能不能理解?是不是要变成样子,也就是说我跑完这个混合之后,就应该出来一个这样的东西。他们所有加工量。是不是OK,这个是相对定位啊,一项数这个是有多少超宽的一半这个是不多超宽的。OK,记住这种形式是一个是一个什么样的形式。OK,我递归,地归有没有出口?递归没有出口就是死循环,递归出口在哪边?判断条件就是他的出口。
15:03
如果没有判断条件,那就是一个循环啊,问你这是不是地位?这不是地关,这是不是地关?这也不是地归,地归在哪,地归在这边,自己调用自己材料地位,你看我们说这是最终一个什么,最终他的一个调用的一个结果,是不是我把它写到上面去。这个能看懂吗?OK。OK。好保存一下,好,这个是他进来的一个调用。结果。写在上面,好,我们来看周里。我问你这是这个是不是定位。这是不是地管?这不是地柜啊,行成个数不一样。你没有自己调用自己,你当中你调的是别人,这个才是地位。
16:06
这个感觉怪怪的。哎,怎么没了?他才是递归嘛,是吧,这个就给我住起来了。OK,没有组起来吗?是不是大家看这个在什么定位啊,这个格式帮你们整理整理好。格式往里面调整好,OK,大家看这才叫递归,为什么你这里几个参数啊,两个参数,它几个参数啊,自己调用自己递归在这边。
17:06
这个是地归吗?不是,这个是地归吗?也不是。正能不能讲好,只有这个才叫地柜啊,OK,只有这边才有地轨,好地柜的出口在哪?地柜的出口在这边?啊,如果你低柜没有出口,就一直死循环执行下去,造成造成什么内存溢出,整个浏览基本溃掉。能理解吗?我跟你说合理的使用递归,而且less里面写循环,只有这一种形式,递归形式。理解吧,好,那这是大师级的一个什么代码风格吧?OK,要看懂它,好,我不需要你们写出来,我需要你们。看懂啊,OK,好,再往下走来看,那现在是不来,是不是就干了这一件事情,是不是这是我们谁谁的作用,第一行就是什么。是吧,OK,他干嘛?他给我们去地吗?
18:03
这样的一个玩意吧,那么讲这是我们哪个混合起的作用。叫我吗?是不是OK列的第一个混合帮我们干的事情就是什么?就是给我们做一些这样的事情。能不解这个掉完要不要继续掉,肯定啊,是不是你下面还有很合没掉完呢,是不是,你看我们列里面还有什么没掉完是不是,他问他来看一下下面掉的很多是不是都是一样的。1234是不是一样的,只是说传的参数不一样,是不是OK,我这边我们说XX代表什么。移动设备是不是好,我说一句话,不是它的里面移动优先。能理解我的意思吗?为什么说不是,他是移动优先的。你上来默认先处理的就是移动。等等,我问你,如果我现在的状态是L级的,他们三个有没有被执行过,有最终被覆盖掉等等,如果你的状态就是XS的,他们去执行XS,他们三会不会执行?不会啊,这就是知里面很重要的一个概念,什么移动有线。
19:22
这里,那我们是不是看一下这个混合在干嘛,是不就行了,这里CTRLC,我们要看下这个合在干嘛,首先我们看这个XXOK,看一下这个口怪在干嘛。这你去哪找,是不是来这边找CTRLC找一下。OK,我们来找这个格,是不是咱们已经把它给整理完了,OK,好,合起来是吧,来看CTRLF找谁呀,是不是找它这里。有没有没有在别的地方吗?是不是make克刚查是不是没有。
20:04
是吧,来看在哪。啊,是不是在这个里面啊,是不是,反正就这两个文件嘛,CRLF。CTRLV查找也没有吧,来看应该是在这个文件里面的是吧,只不过我们是不是加了参数啊,我不加参数,找找有没有,有这个参数是不是叫X class OK,是不是来调这个问号,这是不是第二把好把它拎上来,这是不是第二把CTRLV是不是,这是不是第一步啊,第一步干的事情是不是给他们加什么。今天要上是不是看第二步干嘛?掉干嘛?OK,这里把它把它合起来,我们来看一下好,首先上来调谁。我们下面三个我们先不看,我们先看这两个,是不是这个混合面又掉了很多混合,CTRLS,我们说这个混合里面干嘛,你这个混合里面干嘛又掉了那么多的混合,那是不是这些混合我们又得看过去了。
21:03
是不是OK,走你。好,来看一下第一个部分干嘛走,你是不是看这个什么弗塔,OK,来看一下他在干什么事情,你是不是就是不是就在下面啊,你来看。这是我们说上来,我们这些好是列的第一步吧,第一步下来看,这是裂的。来看这是练第二部里面什么这什么2.1吧,是不是第二部里面的第一步吧,来看一下他在干嘛。好,就是他吧,是不是,那下面我们担先都不看,是不是看他在干点什么事情,是不是,你跟上面是不是一模一样的,现在你能不能直接把这个答案写出来。
22:08
是个什么鬼啊?能不能直接写出来?最终会给你变成什么样子,会变成什样子,你上来是不是点这个是不是,我们最终干嘛会变成选择器了,选择器是不是走了,这个递归了上来,这不是第一次嘛,是不是,那是不是这样的,可说是要把这个东西干嘛变一变嘛,是不是这里面这个class是怎样。传传进来的X嘛,这个刚这个是呢一嘛,这时候干嘛,我编译什么第一次的时候吧,你看之后是不是都是一个什么递归循环啊,最终你会看到一什么东西。多少?是不是这是不是二,这是不是三,这是不是四,最终我们说干嘛走一圈的12。
23:07
是吧,然后呢,它们会变成一个选择题,选择C样式都在这边,CTRLC是不是第二步就是干这件事情,你看它的命名叫什么。角能不能理解啊?OK,那这是不是第二目标的事情?能理解吗?OK 2.1就干了这件事,CTRLC所好是不是他OK,他干什么事情?啊,他就是给你讲了一个这样的鬼玩意。是吧,啊,前面这些东西全部干掉了。OK,反正就是么,给你加了三点,三点这个东西是不是,那是不是还得看这个外又下去掉了嘛,这是不是2.2,来看一下2.2干嘛。好,那2.1是不是可以合起来了是吧?OK,然后看二点叫谁循环规律杠。
24:02
找有没有不知道不知道不知道。不是他是不是对不是吧,在哪是他。是不是OK,走你这应该是第几步?2.2第二步里面的第二步啊。能不能理解啊,OK,走你该不不就是它吗?是不是它几个参数啊,三个参数应ex是谁。是谁?是谁?关系是不是问你12是不是大于零,要不要进来,要进来是不是进来干什么事情。是不是去掉?OK,这是谁问你有没有看到地归?自己调自己是不是第轨是不是这个空合是不是他是不是,可是我们说你看他是不是问tap应该等于那是应该找到第一个是不是掉的,其实是它下面跟下下面跟我们现在有关系吗?没有是吧,是怎这是不是2.2,是不是2.2,你们看是不是来调用它。
25:18
是不是,你看这里面干些什么事情。这里面干什么事情,我你是不是对他进行一次调用啊,是每次进来都对他进行进一次调用码是吧,调了多少次啊。多少?你看我上来问你这个应该是多少,12吗?12是不是大于大于等于零的,每次这不减啊,12 11 12最终减到哪。零零是不是大于等于零呢?是不是是不是,是不是要不要调用,要调用法调用进来,可是我问你会不会自行。这边我们说最终你传传过来这个index肯定是会听到。是不是可是三数嘛,有一个条件,你的time必须为X的嘛,应该不是大于零,零会被叫做吗?不会,其他最终是什么?从12到到多少到一。
26:12
能理解我的意思吗?是不是从12到一啊,能不能听懂,每次在调用的时候,是不是干嘛不就去生成一个什么。Class吗?是不是就是那个讲是那个什么。选择性嘛,他长什么样。不就是每次上来,第一次上来是什么。第上来,第一次上来,这是个什么鬼?这是什么?X嘛,第一个位道12嘛,是不是他干什么事情啊。为什么?这是一个百分比函数。那你们提供的岁多。
27:02
这是不是第一次的,应该等于100%吧,因为你看嘛,前面有一个函数嘛,懂不懂,这是不是第一次的,第二次呢。是不是把它再来一份多少11小方是不是直到哪边。直到零还是一。是不是就停了下来,这是不是这一步干的事情。是不是2.2干的事情,2.2的第一步干的事情嘛。啊,这应该就这吗。2.2是不是啊,那么暂时先分析到2.2 2.32.42.5,我们要不再来分析对不对,那到2.2这一步,最终是不是生成这样一个关,则CTRLC轴你看一下。
28:03
OK,我们说是不是它它给你生成一个什么这样的一个玩意儿。是不是啊,你看他做了什么事情啊,首先我们分析到二点这一块他干嘛。行根容器我们就不说了,列这块上来,首先给他们先规模样子,其次每一列这个让它浮动起来,这个给他没关系。是吧,Y的极值的时候定义好了能不理解啊,那我们来看一下,好,我问你,我们说有XX是不是就SL,我点这些里面的生理,大家看这些里面这些生理是不是都是一样的。那讲你说我这边有版本的,其实最终会有什么。最终会有S版有。能不能理讲,根据你不一样的条件,你进来吗?懂吗?OK,那我们说这里面其实跟的就是一个类型,懂吗?OK,来看一下我们这个审核教你。
29:01
打开来。ABS。来找到我的三哥。好问。上面你先不要看是吧,你看这边。这个是。这个是什么鬼?能不能看到,为什么这么多?定义的吗?每次去关进来的么?是不第一步是码S码M码吗?是不是这样一个道理啊,OK,你看最终干嘛,是不是给他加了公共。能懂吗?再往下看。还有什么?还有没有空仓浮动你看。全部浮动起来外,是有没有分配,全部分配起来。这是不是我2.2完了之后你们能看到结果。是不是等的,那不讲,那我再来写。
30:04
好,CTRLC,我再来写个三个系。Can。零五叫三个组合什么意思?大家看现在我这个class里面是不是只有一个来看5C-D杠六。Co-MD杠六,我问你,所以说应该怎么选好,如果问你现在我现在我处一个什么样的动画。的状态是吧,问你你在L的状态底下来看一下源码里面,L的状态底下上面有没有全部串过。只不过全部被覆盖掉。是不是OK来看一下,那其实我这边你看运用的是不是就他们俩。
31:04
跟12跟问你如果一旦我屏幕缩小到达的时候。应该是多少?六六一半一半,为什么这个时候我问你用的是谁,量少MD量什么,这个时候我的状态是不是MDMD的时候问你有没有去选染L几。没有,所以说其实你在这边写的LG的这个样相当就是废了,没有任何的样式可以匹配上,这叫三个组合。能不能理解差不多是一个什么样的原理,能不能理解,OK,就是运用了什么。递归懂吗?这里面经常会被问到let递归怎么曲线,你要说你看过三格的源码,告诉他怎么去设计的好,怎么去跟人家说,这就是题型啊。这个就是题型是吧?啊,第一步干嘛,第二步干嘛,第三步干嘛,第四步干嘛,第四步里面的第一步干嘛,第二步干嘛,第二步里面的第一步干嘛,第二步干嘛。
32:04
OK,你能不能整理下来是不是,那我们讲到现在是不是只讲到外啊,你看后面还有列偏移啊,这叫列排序,这叫列偏移,是不是还有三个,这话到下午再来进行啊,其实你应该能看懂了自己。对吗?好。
我来说两句