00:00
我们来做一个东西,做一个什么样的东西,大家看我们就做官网上面的一个东西。来看一下这里。找到这边官网。好,大家看我F12的时候。你。呃,看下面大家看这些一开始上来应该是有几个的。好几个来看,你看它是不是有四个档,不是要把typescript跟什么跟什么吧,是不是现在他看如果我浏览器慢慢变小,你看先是不是又下来一个WiFi,是不是就下个,你看我浏览器再变小,是不是又下来一个,是不是这个时候又下来一个,你看现在是变成什么。移动端了懂吗?你看我们到移动端去F12,它长成什么样子,它就是长成这样的。懂吗?这个是不是一个知识性的布局啊,那我们把下面这个东西我们来写一写啊,OK,我们就把什么写一写呢,我们就写这。
01:01
一排行不行啊,一排我们也实现一个响应式布局,什么叫响应式布局?是不是一套代码三端共同使用啊,是不是?那我们来看看整理我们应该怎么玩。整理,我们来个事例,写到DEMO里面去。OK,五什么零六好,零六杠什么,我们说来一个三格的实例。三格实例是不是OK,我们说上来应该去引什么啊,把这个我们再来写一遍。这吗?CS下什么不需要分点吧,然后呢。要去引什么?演JS底下的什么,先演几块再演什么。不出是吧,先移几块再以。
02:02
不是是不是,然后我们说干嘛来,那我是不是就可以写了,OK0干什么。给一个什么包裹器,叫什么content,要不要复出ID?不要我们来一个固定的容器是吧?OK,里面来什么?那什么叫什么叫什么是不再来,还有什么?几个列,四个列,可是你发现四个列里面是不是有布局的,是不是很明显这个布局是有规则的嘛,好,那这些东西要需要自己画吗?要画两个D,自己去模拟吗?画里面画H h2标签,H3标签,画个P标签,需要吗?记住找不是里面肯定是有的。啊,基本的布局不差,里面都有,其实我们看到这个东西它叫什么。
03:03
叫缩略图,上面是不张图片,下面是他的介绍码,来我们看一下,不是这个码官网啊,这你看点它的3.0的中文文档码,OK,找组件。首先你们看这是字体图标是不是OK,我们来看有没有这数列图的。是不是它点开缩略图,大家看跟我们的用的东西像不像。上面方张图,下面是文本吧,他给我们多了两个按钮吧,两个按钮不要,待会给它干掉嘛,是不是,那怎么办。肯C,我我之前来讲一个,我就跟你说过以后项目吧,我没说错吧,来你肯B啊,这个行还要吗?不要。这个也不要是不是啊,找要你,你看他是不是给我们写的列,是不是这个列我们待会自己来写是不是啊,只你我要的是你这张数列图,这就是数列图,这个就是数列图的代码,你看你们是不是全部写完了,让你去放张图片啊,那我就放张图片呗,是不是我把图片找到去不就可以了,只要你。
04:07
好,应该是它们CTRLC。OK,看圈啊B,好,第一段一面指什么不知道吧,这个我们稍微改一改好吧,一叫什么botp OK。第二个应该是什么?诶,我第二是样吗?第三个是这个没有错吧,第四个是PA这个也没错吧,OK啊不管了。把是吧,好这个是什么。R是吧,这个我们什么。这个用什么雅吧,是不是我们不管了啊,我们在当中就这个注是什么雅马行不行,好来看一下,然后然后我们看这个你什么imagine几下,第一个应该什么不出来,好吧是吧,来看能不能出来保存一下走你。
05:10
什么都没写吧,有没出来出来了是吧,我们要我们说他应该占多少。一行派一一行排四列吗?是不那个吗?400C要什么刚到杠三吧,三四十二嘛,是吧,这点刷一下,你看是不是就出来了,能不理解OK这种要是谁在帮我们写不是吧是吧,问你你自己会不会写。两个按钮你都不会写,让你写个这个东西都不会写啊。一一整个应该也会写啊,这多简单啊,不就一个框吗?上面放张图片吗?下面放个文本,再来两个按钮吗?只不过现在干嘛,这种比较简单的代码干嘛不要你写呀,懂吗?啊,你别像我这种东西都不写,来看一下你。
06:09
好,那我是不是把这个文本换换就行了,我应该换成什么,不需要规范嘛,是不是OK,不需要把编码。规范两个按钮不要吗?干掉是不是,底下是什么。P,是不是走你?来看一下少一个什么少当中是不是少一个啊,来看一下他还有什么其他组件,我们可以写的。找一找,嗯,有没有什么,我们这个像什么这个里面东西是不是就是。就是一个放个span,我看他span上面应该。嗯。放在A标签是不是就行了,其实在不知里面A标签上也是带样式的好。
07:08
那先接于CCPD吧,是不是冒号括号,这里应该是什么?里面填什么BYC吧,CTRLC啊。白糖是不是,所以你看一下。啊,是不是这样的?OK,让它居中吧,看看不知怎么居中的。啊,来看一下这个文档,文档里面其实我们说现在我们是不是在组件里面啊,全局三三样式你们看看。有什么排版?哎,你确定是排版吗?玉琴。啊,我应该有对齐的这边。Control。好,直接给它运过来,Ctrl s OK,走你。
08:01
好无聊啊。是诶好像坏掉了啊,不对,为什么,因为我们这个LG是不是变了是吧,来看一下只有你。它是不是比较小啊,是不是我们看这个排版的时候的话,它用它那个用的什么P标签嘛,是不是啊想想。那咱们整个P标签呗,是不是,其实它就是加了一个T,可能等于什么特嘛,现在你的A标签没有贝干嘛撑开来啊,懂不懂,要么你就把这个A标签的Dis倍改掉是不?那咱们一样也用,我们用个什么P标签嘛。P标签里面加个A,可以直接来个P标签,这个class放到P标签上是吧,其实我们也做的不用那么复杂,我们可以自己去写点钥匙。
09:00
是吧,他的要是不支持我干嘛,自己写呗,是吧,我说页面上说的干嘛。嗯,OK在哪边?Class,什么叫tax?生产是不是其实?啊,我觉得好二啊,其实我们之间这边干嘛,是不是一样不管了是吧,反正他给我们什么也提供一些东西吧,是吧,OK,只有你。差不多吧,是吧,克一标签一些东西给他了吗?禁掉了。是不是,你看我上来是不是有个状态的啊,这个状态也还不错,是不是留着吧,是不是那么纠结,好来看一下,那这个是不是就完了,我这干嘛CTRLC加CTRLV啊是不是啊,这个一大快事就来了,是不是CTRLCCTRLVS,手指抖一抖,一天工资就来了是不是,所以你看一下。
10:05
哎,是不是四个OK,那换换吧,前面这个换成什么。要么是不是这个呢?Right是不是最后这个呢?Y是不是走你。我的天呐,完事了吧,写完了吧,写完了吗?你得一个个掉下来吧,你看我唰的一下就全部掉来吧,是不是说明我们是不是得写三个组合是不是啊,咋写LG的时候干嘛,你看嘛,你自己看嘛,这个时候你看。慢慢往下的时候,应该三个了吧,也就是应该是MD杠四吧。吗告四吗早下什么什么干什么,四吗是不走你然后大看再变小的时候是不变成两个。
11:00
这个是什么时候?是什么?是最后一级别吧,LGMD还什么SM啊,是不是SM啊啊,这么的名字记不住,来看一下好。我们说的嘛,C什么杠,SM的时候应该说。二还是六啊六吧,是不是最终不用管了吧,是不是OK,干嘛把这个干嘛,CTRLCCTRLCTRLV是吧,CTRLVCTRLV问你,如果你没有看懂源码,现在有这么轻松吗?应该不可能这么轻松,是不是一直在想呢啊,晚上躺在床上还在想,为什么,为什么我写个六条就变成两行了,为什么?是不是啊,这个是一个很正常的事情。我看有没有大理啊。
12:00
整理下来,整理下来,整理下来,我们是不是也做完了,是不是我们给他加一个头吧,看一下这个组件里面有给我们有没有提供什么标题吧。嗯,看有什么比较好玩的东西。啊,剧目那边。啊,我还没有用过剧目组件里面似乎是有锯木。剧是什么鬼啊,巨木啊,我不要用剧木好看吗?啊好好好好好,你来看,那这个军放到什么?放到行的上面去吧,是吧,走你。这个能不能理解,OK,那这P标签我标了吧,按钮也要了,是不是这你F12啊局部,那你们的局部来了,OK f12去移动端看瞅一眼。
13:03
好像不行,为什么切记写不到时候我们说是三端要响应什么,不能给我忘记的一个。为什么要签啊?他也会提醒你的,他也会提醒你的。啊,在哪边它有提醒,你看我们说走,我们看这个全局起步的时候。OK,呃,看在哪基本模板是吧,基本模板里面来看。你看。是不是有,那我们把这条线给它加上,明天我们画页面的时候,再跟他这个,跟着它这个模板我们走走一遍啊,OK ctrl c这个一定要加上CTRL。OK,是不是Y等于等于1.0 us杠等于no。走,你好。
14:01
F12。看见没有,你看这个题目也比较好看嘛,是不是,那是不是一个最简单的一。移动端的一个展示页面就出来了。是不是你看,而且这个是三端的嘛,是不是所你这个报错,你也不要管它,不要管它,这个不要错是干嘛自己给你报的错懂吗?OK,你是解决不了的,你看这什么报到这块瑞那块去了,咱们先不用管对不讲来看我们看他是不是三张。你看,不管在哪一端,不管你的屏幕是什么样,他总能帮你个忙,适应你自己的屏幕去做布局吧。是不是啊,这个能理解,OK,那咱们是不是也暴露出来了,好OK,现在我改需求啊,我是URL,那我是项目经理是不是啊,我是客户啊,客户客户客户要改需求。你们要不要改改吧,不要尝试跟客户讲道理啊,跟客户讲道理不如跟女人讲道理,是不是讲不通的,不讲他让你干嘛,你就得干嘛,就得干嘛,懂吗?那他看现在是我们慢慢变小的时候,看谁先掉下来。
15:09
是不是从屁股上面掉下来的,诶用户不开心,他说你变小的时候应该从头上给我掉下来,这个不知道,应该先掉下来。怎么换?难题来了,是不是CTRLC?白,我真的好想赶紧出去看一下你慢慢变小的时候咋整?我们说你不知道是不是从头上掉下来啊,想想第一个掉下来的,它的结构肯定在最后。真的么理讲,我说你想第一个掉下来,现在为为什么是外派是第一个掉下来的,你外派在我所有的结构里面干嘛,最后一个嘛,你看我写的三个实例,你的WiFi都是不是在我结构里面的最后一个,不知。
16:03
哦哦,这个文字我就不改了啊,OK,是不是他你看这是我看看它是最后一个,当然你第一个掉下来了,如果你不知道是最后一个,HT结构上面它是最后一个,它是也是第一个代到来,那我问你它HTL结构上面是最后一个,我能不能让它在展现的时候跑到第一个。怎么办?列排序吗?你们不都是相对定位的吗?我给你改一下跟不就行了吗?能理解我意思吗?好,那我想想应该怎么办?现在这个情况底下,我们说我们是LG吧,LG的时候我们来说现在你是不长这样子啊,我说你想让不知第一个掉下来的话,我们的结果得改改是不是,那我们就改改他应该去哪。应该上面这是这是这是不是我们第一个不了这个应该是去最后一个吧,是不是OK。是不是你应该是最后一个倒数第二个应该是谁啊,应该是之前的第二个,是不是这填好,然后呢是他。
17:11
你是不是不应该长这样刷一下,你跟说你看不说先掉下来,不是的,他的要求是干嘛,你是你是在头上吧,那你是不是得偏移过去啊,怎么偏呀。怎么偏移啊,往往哪边偏移啊。你一开始位置不在这边,你是不是要往左边呀,改他的还是right。外婆。是right,因为我没有负值,因为我现在不知道里面都是正值,都不需要大于等于零的嘛,是吧,是那你想往这边走,除非你的left是个负值,可是我又没有办法让那变成负值,那我就给个位置是吧,往这边偏几个。
18:12
热是在这边,热是不到这边了,热是偏到这边了,偏几个。1233个嘛,九个单元嘛。总共12个单元吗?你拼三个不就要拼九个单元吗?咋拼是不是要改谁改最后一个吧?OK,而且是在LG的情况底下去改吧,是不是?那怎么办?C干什么?LG杠什么。更棒。高级。刚刚不是已经看过源码了吗?能能不能理解啊,九不就9/12吗?百分是不是来看一下能不能过去,是破还是不行,哎不知道过来了,那它底下是不是还压着一个哪这个应该去哪,最后吧,是不是这个是不是应该去,最后能理解我意思吗?OK,那其实我们说最后一个到这边来,他是不是得到这边来。
19:21
是不是他们俩是不是换个位置啊,他们俩是不是换个位置,能不能讲OK,也就说我这个WiFi看WiFi的去最高,那Fi现在哪。第一个嘛,怎么去,最后C干什么,LG干什么,为什么?因为你是从这边到这边,我只能正直的话,我说干嘛,你往左走嘛,赶你的left嘛,一开始left在这边嘛,现在要来这边嘛,走几个单位啊,九个单位嘛,是吧,可是我们数应该走的是吗?写刚多OK,走多九个吧。
20:02
过去没毛病,他们俩再换换是不是咋办?C,干什么?这个是要过来干什么?复习几杠,一开始这边要跑到这边来,这三个能理解吗?OK,他习三个吧,好,LG push杠三还是有点逻辑的吧,OK,这边呢?尔三嘛,是吧,走你PU尔三嘛,能不理解,走你来看一下,说一下,你看是不是现在在哪,看谁先掉下来。完美。是不是,可是这样行吗?右错了吧,你看我到MD的时候要不要再来排一下MD的时候你WiFi还是在最后吧。
21:01
是吧?的时候,你应不该是他们是不是是是这样的吧,那咋整咋走啊,这个时候你是不是他们俩应该换个位置,就让他们俩换换位置不就可以了。你看嘛,应该是不是不是现在就是他们俩位置错了,让他们俩换位置不就行了吗?那应该是MD了吧,是不是要动外派跟什么杨妈妈是吧,我派咋整。找到外派哪边第一个吧,OK,怎么玩咋整?外派过来吧,动什么不写动几个?几个?八个吗?两个是八吗?八个吧,OK,怎么来?
22:04
C干什么上来就不了,M的时候干嘛,不多少个干八是吧,就你来看一下,过来他过去他拉吧,是吧。肯是谁啊?妈妈,只有你,是不是他?OK,他在干嘛?PU,去拉吧吧你。过来是不是这个时候下来是不是亚马逊。是不是这个时候是不是还得换顺序得换吗?他们俩是不是是不是在在什么。时候吧,S时干嘛六六吗?一个干嘛,一个推六一个拉六吗是不OK。谁推掉外派嘛?OK,看派克改的最多吧,就他的位置最烦嘛,是吧,杠什么SM什么push杠六。
23:09
是不是九点。有谁吧,是不是他SM时怎么办?Paul拉六马。是不是来看看,说一下这里你看这个时候你看。是不是就可以了。哎哟。这什么鬼?我看上来。哪个状态给我错掉,M时给我掉了吧,为什么M的时候给我多少?
24:04
诶,这好像不在我的把控范围之内了啊,我们来看看。啊。这个时候是不是正好的。慢慢下来,应该谁应该谁下来,第一个先下来,我们看刚刚第一个下来时候,我们测的没有问题,没有问题了吧,可是一旦我们加了SM之后,是不是出问题了。是不是啊,你看我把这个做了。干掉还有谁?干掉亮保存一下是不是来说一下是不是就没问题啊,是不是被我刚刚两个代码给影响了,这是为什么,为什么他们俩能影响到。为什么我们来看一下呗,是吧,整体这个时候我们来看什么。看一下到底是个什么鬼,为什么被影响到?
25:04
来看一下它到底用到是谁呢?走了。找到谁啊,找到他吧,是不是,你看他身上有又有铺又有拉吧,是不是啊。看他的吗?你看用到了谁的。SM的吧,被覆盖了吧,为什么这个时候被覆盖了,看看这个时候宽度有多少。1000。小于小于1000的吧,你看这个大于768。成了SM的吧,来看一下是不是我com杠,SM这边反而起了作用。还有什么?前面我有写过什么啊?是不是有个P3啊。
26:00
PUSH3是不是现在不起作用了,不起作用你想想。
我来说两句