00:00
好,大家好啊,这里是HTML5最新的实战视频的录制现场啊,那继HML5基础视频推出之后呢,啊,我们又很快的更新了一下我们的STM的一套实战视频啊,一套PC门户的实战视频啊,那整套视频呢,我们将会从各个方面啊,再去给大家去剖析一下我们HT85的个HT5的各个技术点啊嗯,然后我们整个视频的形式呢,是以课堂实录的形式啊来呃,分享给大家啊,那以下的话将是我们啊在课堂上的一个呃实录的一个情况啊OK。13好,今天我们要干嘛呢?好,我们说整个我们C3啊,C3H5里面些啊基础性的东西咱们都已经都完了,是不是,那录完之后咱们是不是要去写东西了,好,那我们这三天的任务啊,就是把这个东西给他。写出来啊,一个four page的一个应用啊,有不有音,有音频视频相关一些东西啊,有这么多GS相关的一些东西,3D啊,2D变换都有啊,啊会结合这样的一个案例去把我们之前讲的东西的话,我们用起来啊,OK,那在做这个东西之前啊,这个是用开写的啊,这个是用开发式写的,所以说在做这个东西之前啊,我们来看一下里面哪些技术点需要我们去去拎一拎啊,因为咱们需不要去做一个PC端的一个相当于是一个呃,比较强的一个动画的一个门户啊啊所以说我们PC端一些什么关于啊,位置啊,尺寸啊,一些APIJS上面一些API啊,需要帮大家去捋一捋,然后大家看这是不是通全部是通过鼠标滚轮去操作的啊,当然我当然我当然我可以点了。
01:47
但基本上操作的话都是依靠什么鼠标滚轮吧,就滚轮事件啊,我们待会再来什么帮大家去拎一下,那最终大家看这个气泡上面是不是有一个曲线运动啊,曲线跟一个蛇一样的。
02:01
扭出来的嘛,是吧,那GS里面怎么去实现这个这个曲线运动啊,那我们在做这个项目之前也会被大家取拎一下,至于这个气泡效果也是一样啊,所以我们单独会去实现一个气泡效果,再把这个气泡效果移植到这个项目里面去,能这啊,所以说上午我们还是先不做项目啊,我们上午先把项目,呃,项目里面要用到的一些基基础点再帮大家去拎一拎啊,OK。好们看要拎哪些点,好第一个do中关于位置的尺寸的API,然后讲完这个之后,哎,我们来实现一个小东西叫麦克停靠栏。啊。诶,怎么那么陡。啊,我们看看,待会看看为什么这么多好像没有把这个什么禁掉,普通要禁掉吧,而且新秒什么啊,代码都不会超HT秒什么,OK把它什么head为百分百文啊,这个就是套路了,你再说一下,哎,就我们来实现这样的一个东西,对吧,那这个东西综合使用了我们动中关于一些位置和尺寸的一个API啊好。
03:18
好,然后我们来讲一下这种曲线运动啊,这个曲线运动怎么做。啊,就类似于这样的一个曲线运动,我们应该怎么去实现它啊,这个是不是横向的曲线运动啊,我们看到的气泡是不是什么纵向的换过来是不是就可以了,能不理解啊,OK,这点。还有什么啊,还有就是这个鼠标滚轮的一些事件啊,帮大家再去拎一拎啊,OK,那我们一个个来啊,上午我们慢点啊。第一个我们什么动中关于位置尺寸的APIOK这个文件夹,OK。Do中关于什么?位置与尺寸的,就是动位置and尺寸API,好那API这些东西的话,我们什么完全靠过吧,完全靠记,这个没办法,OK好,我们来看一下第一个啊,大家应该有稍微有点印象,大家有没有有有没有学过的东西,叫做parent node parent parent node这个东西有没有学过。
04:28
这个叫什么意思啊,这都是do里面的吗?API吧,再代表负节点吧,可是我们说咱们是不是在CSS里面学过一个概念叫什么?包含块是不是啊,有没有同学在在在去学习这个判断的时候,把它跟包含块去报上勾的。啊,就是啊,我特别怕一些同学啊,干嘛呢,他学的比较好,然后每当他学习一个新的技术的时候的话,他总会跟之前的技技术去挂上钩,我们说我们前端三三大马车T嘛,什么CSS啊GS,我们说这是三门。
05:10
技术是不是只不过这三门技术之间有的很大的。联系懂不懂,H有自己的规范,CSS有自己的规范,GS也有自己的规范,我们说一个比较好的G规范,是不是我们说如果你这个GS规范更贴近我们CSS规范,我们是不是可以说这个GS规范实现的比较好?是吧?可是CSSCSS里面些概念,JS没有办法百分百模拟,这件事情你能不能理解?完全是两个技术嘛,懂吗?所以说如果CSCS里面那些概念,JS并没有很好的去把它实现啊,比如说包含快这个概念啊,可能在我GS里面就没有一个一个很好的东西能干嘛,能能能能用JS里面概念来指代包含块的懂不懂,所以说如果要做好一点,尽量去模拟。
06:00
等等,那如果JS当中没有能力去实现CSS些规范的话,那是一件很正常的事情,懂吗?这是三样不一样的技术啊,把它分分开啊,那我们现在讲这个note,它到底代表什么啊?比如说什么我们来写一点,来个div ID叫做那个div ID叫做in OK,里面再来一个Di啊,来一个ID叫做inna。二是不是OK,稍微来点文本吧,对吧,Ctrl c ctrl v ctrl c ctrl b ctrl c ctrl v OK,那给这个body也来个ID吧,就叫做body body OK,起码也来个吧,ID叫做码啊,所以说一般这种事情我们不干,可是为了测试,我们这来写写啊,OK,我们什么window.on road等于一个function OK,好,我们先去拿到一个总结点,OK,我们就拿这个音呢。
07:05
IN2吧,OK in2等于什么呢?document.q要query select找到我们什么?IN2,我们说这里面要写什么,选择七吧,是不是OK这里,然后呢,我们这边吧点。给什么in the2、点什么呢?嗯,想想直接点ID行不行。行吧。IN2的ID应该是什么?就是一二吧,速我来看一下。看不上。CTRL,你看我这边是不是直接去CTRl.log.ctrl.log in.ID那这样我去CTRL点什么current no的点ID应该是谁。应应应,应该是谁?
08:02
赢了一把。是不是啊,OK,求你,那我们说如果我们来写点样式,比如说什么,我们说你这个一二,你这个一二为啊不是。好比说我再来,我说你这个外法。他的。你为,那么你这个时候应那2.6的点ID应该是谁。是外盘还是一大一。外边是一。一啊,是不是还是一能一样,如果说我说你要实现的好一点的话,你这个判断点I应该是。外,为什么,因为你这个阴呢?二、现在它的光派是谁啊?外吗?是我说我这个音量现在我是绝对定位吗?你的包案块是你离离你什么,离你最近的开启定位的主线元素吗?离你最近的开启定位的主线素应该是个外嘛,是不是可记住他的这个API啊,它代表什么?
09:16
直接腹肌跟你抱一块没有任何关系,懂不懂这叫直接腹肌?好,就是你不管什么样,不管你下怎么写啊,我你在我纵上面,你离我最近的那个主线元素,才是我拍判断所指向的那个节点能解,那用这个判断它可以去干什么事情呢?好,我们经常会看到一种需求啊列表。列表删除。什么叫列表删除,我们来看啊,比如说我把这个东西全部干掉。
10:02
嗯,比如说我里面有一个U吧是吧,是比如说这是一个LY吧,LY里面比如说那个什么呢,还是他吧,小这张是不是OK来一个。A,标签是吧,好把它的默认行为给他进了。RPT吧是吧,冒号很好是吧,比如说它叫什么,这里叫做删除吧,OK,删除OK,多来几个。CTS啊,这个小上2222。好,准你。好这几个就够了,OK,再来一个class做啊历史好好我把它打开一下,好我要实现个什么功能呢?我说我点击这个删除,把整条给它干嘛,删掉吧,是不是这个东西一般怎么实现啊,一般我们说点A标签,我们要把。
11:04
把谁删掉,就把这个给他删了吧,那删的时候的话是真的去多里面把整个多结构给他删掉吧。是把整个多姆结构给它删掉吗?啊,一般我们不会删啊,一般我们叫做假删除。什么叫假删除?我们来看一下。好,那假删除这个概念的话,是我们开发当中经常会去碰到的概念,比如说首先我把这个list给它拿到吧,List node等于document什么,点select找到这个list。这什么鬼?ok.list好,找到这个list之后我们说干嘛?List no点。
12:00
你要干嘛,我们说每次点点的时候吧,那应该找他底下什么LYY吧,因为每点LYY底下什么A标签嘛,是不是啊,应该是点这些什么A标签的时候,给他去保时电吧,是吧,那就叫A。OK怎么办?是不是要循环的给他去加时间?OK,一个I等于零,I小于什么?A点什么认识?哎,想想是吧,他干嘛,我们说每次在给他。点的时候吧,是吧,给这个i.o什么的时候,等于一个方形,好这个方形里面干嘛。去把谁删了,是不是每次点A标签去删整个LY啊,那是不是直接找A标签的直接负极啊,怎怎么写我写啊,我能写点盘的吗?我能这么写吗?切记不能这个I个嘛,记住这个代码会干嘛?这是不是事件的回调函数啊,回调函数是异步执行的吗?
13:13
是不是不是说你写在第二十五行干嘛,在绑定世界的时候就会被你,被你执行了,并不会的懂不懂,所以说这个I心的这个指向是多少。比如说总共123456,总共是不是有六个是吧,我们说如果你这么写,我问你。到时候来执行第25号的时候,这个I为多少。是的,比如说我康点。是吧,问你我点上去的时候,这个A应该是多少。刷一下。是吧?诶,怎么没有被执行到。没有触发吧,真棒,打断点看一下呗。
14:02
是吧,断点打到这边,看他有没有进来。点击下。是不是压根都没进来,那就有问题了,是不是我们选择题写错了。Query select,哦,是不是啊,因为我是拿什么拿个集合嘛,是吧,刷一下看这个有没进来,这个是不是就进来了,好,那把这个概念给它去了好。刷一下看,打出来应该是六吧。是不是想想啊,你再执行第二十五行代码,问你这个循环有没有跑完。就是在你点击的这一瞬间,你点击这一瞬间是不是才去执行第二第二第二十五行代码是不是不,你在我点的时候,整个循环有没有跑完。点击的时候整个循环有没有跑完,跑完了吧,跑完这个应该会多。
15:02
那该多?A点认识吗?你最后A加加不就是什么,加到A点认识吗?你从零开始嘛,加一执行它,你看是不是I等于零啊加一次啊,哎,你是小是不是小于六的啊,继续执行吗?那最终去执行到这边的时候,你I等于多少六的时候才会跳出整个循环吧。是吧,你说跳出这个循环的时候,I值应该有多少。为六,然后你点击的时候点log I就应该是啊有如果你在这个回调里面,你再去这么写。点parent node。有这个吗?他点什么。死掉点。不要把它给隐藏掉吗?等于什么啊?问你这么写会会不会报错?
16:00
会不会报错啊,你这个A呢是I,它有值吗?有吗?你这个A的值是六啊,总共才几个,总共是六个吧,你的所以应该到五吧,所以这个会有值吗?不会,所以千万不能在回调里面再去使用这个。I,懂吗?那以后我们讲解高级时候会有一个概念叫B包啊,我们可以用B包来处理,懂吗?那这边该换成谁啊?This,你这个Z不就指向什么,你每次绑事件的时候,你绑的是谁,我这个Z啊。就是谁吗?能不理,OK,比如说你看我刚如果说这样写的时候,大家看我每次点的时候肯定会给你报错是吧,不能干嘛,从on上去读什么大漏的吧,说明你前面这个东西是什么没有的呀,应该什么this,你说下干掉干掉干掉干掉干掉干掉是不是现在页面上面是不是一个L都没了,问你动物结构有没有被干掉没有,看一下动结构还是在这边,只不过就是不变成了no了。
17:07
是吧,问你数据有没有丢掉。数据是不是都在这?是不是记住整个应用开发在做APP或者在做项目的时候,最重要的是什么数据啊,数据是可以卖钱的,数据什么绝对是最重要的。是不是我们在做删除操作的时候,你一定要长个心眼啊,其实在我们前端这个假删除还好,是不是我问你每次我在点击这个删除按钮的时候,要不要去后台,要不要去数据库里面去把一条记录给他删掉。要不要你删,你删的时候肯定要走上后台的,是不是,比如说现在我们前端你这个点一下点击是不是,那我这边待会发个请求啊,我发到后台,比如说现在我有个数据库,是不是里面有好多好多的一条条的。
18:00
数据在这边是不是我问你,照理来讲我点删除,首先你前端要做的,我点删除的时候,你这个这条LY应该给它干掉是吧,那我们就把它的变成no是吧,问你干掉的同时要不要去后台。要不要告诉后台,你要把一条数据给他删掉?要的吧,那么你后台会真正的把这条数据给他删了吗?比如说就是就是这条数据,他会把这条数据给删掉吗?从你的数据框,数据库当中把它给抹掉会吗?肯定不会,肯定跟我们的做法差不多啊,其实后台也有们语言,叫做搜QL语言,操作什么数据库的语言,他们怎么办,就是你点击这个删除安全的时候,你发一个请求过去,其实后台比如说它其实有个flag。标志位嘛,是吧,来为零的时候,代表这条数据是可以去显示的,Flag为一的时候,代表这条数据不到前台去显示,真正这条数据在数据库里面存不存在。
19:05
存在,它不会把这条数据给它生长,这就叫什么?假删除能理解,所以在做假删除这个的话,其实我们前端并不是太明显是吧,到后端的话,其实这个假删除的概念的话,其实什么更加的明显能理解啊啊,可是我们现在做的是是一个假参数。是因为我们的动结构还在嘛,你还想拿,你想拿这个数据能不能拿到。还能拿到懂吗?OK,这里好,我们来看一下,好,我们说数据是绝对是最重要的,OK,我们再来看。好,这是我们说什么E吧,是不是,大家想想现在是不是我说JS里面好像没有一个概念是跟我们包含块比较。贴近的吧,是吧,我们说一个比较好的JS规范,应该要跟你CSS规范是不是互相对应啊是吧,我CSS里面有包含块,哎,你GS里面最好也给我一个包含块的概念是吧?OK,那就会有出来另外一个东西叫什么。
20:06
好,首先我带你们看一看。好,有一个极其重要的东西。And again。好,叫做P。Parent。那我现。好,来看一下这个of。好,我只带你们看一句话。好。嗯。好,这边。看见没有啊?他说of很有用,你们讲OK干嘛,因为。这两个东西用的频不频繁,因为of set top和off set left都是相对于企业。
21:01
那边去边界的,就说你想搞清楚of top of left。值到底为多少?你首先得知道他们的欧萨塔。是谁?偶的PA这个概念就有点类似于我们CSS里面的。包含款。能理解吗?可是我们说里面有没有包含的概念,没有。啊,两个规范,记住包含快的概念只在CSS里面有啊,我GS一个好的JS规范,你最起码干嘛尽可能去实现CSS,可是你不能说,哎,我GS里面有个概念就是包含快啊,不要这么去思考问题啊,GS里面有个概念就是O。Parent,它极其的像CSS里面包含出来的概念,懂吗?好,可是不完全一样。我们来看一下什么是parent。好,他已经说了,规范上面都说,都说什么他很有用了,那么必须要搞搞清楚。
22:03
好,什么是?林散。Of。好。Offset parent是一个兼容性极其大的一个东西啊,大家想想,兼容性问题只有GS有吗?呃,兼容性问题只有CSS有吗?不是,其实金融性问题更大的其实是什么?GS,大家想想你们现在遇到的GS上面有兼容性问题的有哪些啊?就GS上面有有阶性问题的。想想很多,你要举两个出来,比如说现在你现在你就在面试,我就问你。你遇到过什么样的一些兼容性问题?啊,你可以先说一些CS方面的,可是更多的应该是GS方面的,GS方面的教学问题,你遇到过哪些?能回出来吗?首先这个应该算一个因为什么,因为它是不是,其次鼠标滚轮有没有鼠标果能谁的教心是谁的教性问题比较大。
23:12
火狐吧,是不是?是不是啊?鼠标滚轮里面不是有,不是它有一个东西叫什么,到底判断你是向上滑还是向下滑。啊是是不是不一样的啊,忘了是吧,忘了我们待会来讲啊,鼠标可能这种性问题也比较大,还有什么大,想想世界宝定上面有没有。有没有一个是爱的listener,一个是attach listener是不是啊,还有什么?还能想到吗?啊,就是这个。什么?兼容性问题,Patt,这个兼容性问题也极其大啊,OK,我们来看一下啊,那这些性问题的话,我们今天都会讲到啊,OK,好,我们首先来说这个偶啊,你想去测试这个偶像判的这个教学问题啊,啊之前我在其他班去讲这个偶的时候,我花了两节课啊,因为我在他们写了128个DEMO。
24:19
啊,以后我就再也不干这个事情了啊,我觉得特特别少啊,你想完全搞清楚,首先你得注意几个点,第一个负极是否开启定位。就是嘛,祖先元素是否祖先极父极负极是否。有定位啊,这有几种情况,四种情况吗?定位属性不是有个吗?有四个吗?是不是OK,这有四种情况,OK,其次本身是否有定位。
25:10
几种情况,又是四种。OK,还有一个就是什么浏览器。不一样,是不是浏览器不一样,这里面应该有几种。五大PC端浏览器,浏览器生态系统嘛,是不是再加什么,就五大PC浏览器再加什么,再加我们的老祖宗谁啊I1。678是吧,这面几个。总共八个吧,那你要写多,那那你要写多少个代码,四乘四乘八多少,是不是128的。是不是OK,那这个事情我就不带你们去做了,对不讲我把结论给你们啊,在第一个班的时候,我带他们一个个啊测过去了啊,我们最终测出来个什么东西。
26:10
啊,这是你学长学姐们踩过的坑,好,来看一下,好,这是我们最终得到的一个结论。啊,这是最终我们得到结论,我们把这个结论啊,首先你得相相信我啊,这个结论是对的,这是我们一个加一个加测过去了,测了多少,两节课128个测瞎了,当时啊,OK,好,最终我们得出来一个这样的结论啊,我们把这个结论给大家分析分析啊,然后把这个结论我们稍微的整理整理啊,因为这个结论是不是实在太长了,是不是OK,把这个结论给你们整理整理啊,首先这个DEMO我不带你们写了,可是你们得信我啊,不信我那就完了。能理解吗?好,第一个我们什么,哎,大家看我是不是分了浏览器啊,A7以上的我放。IE7以上不是火狐给他放成了一波,懂不懂OK,然后呢,火狐又是一波,I7以下又是一波,就说从浏览浏览器本身来讲的话,IG以上不包括火狐,他们的行为是一样的。
27:13
那么火狐的行为又干嘛?不一样,I7以下的行为跟其他上面两个又不一样,理解吗?说这里面兼容性比较大,应该是谁啊?火狐,我们说火狐它有借要性,问题是说火狐实现不好吗?不是只是说火锅的时间跟别人不一样嘛。懂不懂,有可能火狐的时间就是比较好的,可是你跟别人不一样,那你就有兼容性问题,能理解吗?OK,我们再来看,那我们看好,首先我们看分了浏览器之后,我们分了什么,腹极有没有定位,然后分了本身有没有定位,懂吗?我们来看一下,我们说I7以上不是我腹肌没有定位,本身没有定位,而在发生的是玻璃。跟我们乡下概念。
28:00
是不是差不多就是CSS里面,如果你负极没有定位,本身也没有定位啊,包含快是这样。是谁啊?负极没有定位,本身也没有定位,不快是谁啊?应该是直接负极吧。是不是啊,是不是啊,一不一样不一样,这边我这边我看的是角。玻璃吧,是不再来看,我说本身有定位,腹肌没有定位,我们说哎,你的官法应该是谁,CS里面C里面本身有定位。如果是不是的话,应该是数实话。如果是相对定位量应该是的,还是直接复解是不是,可是这边of判断直接给的给玻点是不是,所以说我们说off现的判有点像包含派的概念,可是他有没有百分百模拟包含块的概念没有,所以说我们一直要给大家一个概念,就是说你不要把CSS里面东西拉到GS里面来,GS对GSCSS对CSS2套独立的规范懂吗?可是确实这个漏的啊,确实这个。
29:13
就是这个API啊,它其实就是用来模拟保养费。可是实现的并不是很完美。可是有一点它实现的特别好,什么负极有定位,本身定位为二的时候,你看of现在看的是谁?定位负极,因为这种情况是我们见的最多的。是不是,首先你本身有定位,其次你负极。也有定位啊,那你这个包含Y应该是定位啊负极,因为这种情况我们是不是用的最多的有没讲,而我们GS里面有没有概念,这这种情况正好混合啊。有吧,就这个什么of current能理解吗?所以一般我们会认为这个就是什么方块,可是你得知道啊,这是两个完全不一样的东西。
30:01
能理解我说的话吗?OK,那我们再来看,那我们说这个东西是不是太乱了,最好我们可以整理整理是不是啊,来看酶本身没有定位,我们什么负极没有定位的时候,如果你本身没有定位,或者本身定位为或者什么有十度,你看是不是都是玻璃,那这两条是不能能合到一起啊。是不是?这两套能不能,这两张能不能合到一起啊,能吧,这两条合到一起,我们能不能这么写,我们说你本身定位不为fix的时候。本身定位不为F的时候,我说你们的是不是都到点。这这句话成不成立,成立嘛,不就把它变一遍是吧,那这个是不是可以。干掉了是吧,那这两个是不是一样的,你看本身因为不为值的话,你的O判定该是谁啊。定位负极吧,你先不要管这个内容,你看我帮你们做合并的时候,逻辑是不是对的,懂吗?OK,你。
31:06
254判断角是不是就是我的定位负角?这个里面讲,而且我们又发现,我们先不要看火,我们又发现是不是定位为fix时候,这个office用该是now。是不是OK,那怎么办?那这么写拿出来,同学们本身定位为时候,你在判断就是么,就是闹,不管你有没有定位,不解。是不是OK,那这两条是不是可以干掉?是不是,那想想,那我能不能这么区分啊,我说你本身定位不为fix的时候,如果你负极干嘛没有定位,那O塞判的是到玻璃,如果你负极。有定位。就把这个概念换一换呗,你负极有定位,注意到什么定位负极。
32:01
OK,那我把这个干掉,那是不是刚刚一大长段就给我们这里成这样了,能不解啊,那这个时候看看本身定位为fix,其实在我们CS的话,如果你本身定位为fix的话,这个。应该称当于谁来定位的,是口吧,你看这边直接把我判给谁了。点到了吧,是不是本身定位不为fix的OK,负极没有定位的时候,哎,偶C是不是直接到国里啊,其实包含怪分很多。是吧?有可能是你的子家腹肌,也有可能是我的思考。是吧,OK,再来看本身,呃,负极有定位的时候,我们说我看的是定位负极,这个好像跟我们CSS08概念差不多。是不是OK,就你这是我们说什么I上不包括什么。火狐的吃完我们再来看啊,再来看。火锅的也帮火锅来整理整理,最好是这个格式,整理成跟我这上面一样的。是不是啊,这我们单位好合并吗?
33:01
能理解吗?好,再来看同学们,如果你看现在在火锅里面是不是也是刚刚分刚刚那几个情况,你看负极没有定位,本身有没有定位吧,是不是大小,那么现在怎么办?怎么去合并I7项,我们先不看,我们先看什么,先看这边我们说本身。诶,你看这三三,这三个是不是一样的。都叫什么?玻璃瓦,可是我们说最好是不是按照这个套路来是吧,我们来看,如果这个时候搭上,如果我们来看。本身定位为fix。是不是都到点是不是,那我能不能定出来,本身定位为F时候都是到玻点,我也不管你什么其他条件。是吧,OK,本身定位干嘛不为F时候,我们按我们应该按什么分,按你负极有没有定位来分吧,是不是首先干嘛负极有定位是不是负极有负极有定位到谁。
34:01
你看是不是都在定位负极啊,是不是啊。只要你负极啊,负极没有定位吧,负极没有定位的时候,你看是不是都在玻璃啊。是不是,我不管你本身有没有定位嘛,都叫什么玻璃找你干嘛,负极干嘛有定位的时候呢,是不是负极有定位的时候到谁啊。我们现在看的到谁啊,是不是得到定位负极啊,是不是可以去换C,我们来看一下,我们看虎湖跟。火狐跟其他IE7以上的浏览器不一样的地方在哪?就是干嘛本身的为这个不一样吧,一个是到那一个是道玻璃吧,谁的时间比较好一点。我说本身定位这时候你这个三为玻璃嘛,更好一点是吧,其实火锅的时间我感觉比较好,可是它它的时间跟其他浏览器不一样嘛,其他浏览器不到闹的对不对啊,那想想那我们能不能把这个也合并起来。
35:03
能不能?怎么合并,你看这下面是不是一样的是吧,我们是吗?本身定位干嘛不为F时是不是干嘛都是一模一样的是吧,那那把这两个干嘛干掉,这两个干嘛干掉,因为本身定位为这时候不一样嘛,OK,那我能不能把这个运到后面来。是吧,走你。整好这个干掉,OK,大家看好,现在是不是比较干净了,本身定位为fix时候是这样的一套规则,本身定位不为fix是这样的一套规则。是吧,可是这个是有电性问题的。是吧,OK,我们来看,那是不是我们说I7这代表什么,I7以上嘛。这时候就变成I7以上了,OK,最后你那我们来看I7以下I7啊,你看有玻璃有HTM吗?其实这个就比较麻烦了,是不是,如果我在这边给大家去加上这么一句话啊,如果干嘛,如果body和HTML之间的marin被清掉。
36:15
那我问你。我们说我们说我们考虑,我们去分析这个判最终是为了谁啊。最终是为了搞清楚谁啊?O left跟的错误吗?取值吗?如果你这个玻璃跟H之间的market被清掉了,问你。从我这个跟top的角度出发的话,他们是一样。是不是啊,那如果那我那我是不是可以这样写。是吧,H跟玻璃是不是一样的,可是我们前提什么,这个样式得清掉吧,所以说清除这个样式事情重不重要还是比较重要的,有时候会对你的效果会产产生很大影响的,懂不懂,那大家来看,那这个东西我问你来我们来看一下我们之前给大家的初始版本,大家看。
37:06
Body body now定位负极定位负极闹吧是吧,你看跟我这个是一样。跟我I7301是不是一样的,是不是,可是你必须得加个前提什么。要清掉这个马懂不懂,那我这一大段东西能不能干掉?全部干掉,是不是这个什么不用了,是不是走理,那这就是最终什么,那我现在判断这一个什么。逻辑就是这样的,能学讲好。下面还有一段话,I,记一下,如果当前元素的每个负极触发了海子德尔塔,什么是海尔塔?I7底下的BFC。是不是OK干嘛,那么欧判就会被指向这个触发了雷奥的特性啊,负节点上这个东西比较复杂,因为你也不知道在埃及加哪个元素触发的,还是的懂不懂,所以这一条大家看一下就行了。不要把它纳入到你的机器里面去,懂不懂啊,可你得你得知道一下,有时候让你去调II其这些东西的时候啊,如果你发现这个指向不对,你看一下是不是。
38:08
影响的。你们讲OK,最常见触发海量的一个属性是什么?欧弗洛维,Head懂吗?OK,那么来看一下,那这个就是我们最终ofet什么派的一个。选择一个规范吧,知不懂好,你们最终只需要记这个规范就行了,这个规范好不好讲本身定位fix的时候,F看讲什么I以上只要你不是火狐,只要你不是火狐,那就是什么,那火狐是火点,本身定位不为的时候啊,负极没有定位判断就是什么。多点负极有定位,就这个定位负极,就说如果你本身是有定位的,那这个O的判断它是怎么找的,只要找到一个定位负极的就停下来,没有找到定位没有,没有定位的直接到。
39:01
Boarding。这个能不理解,好,那我们对这个要看怎么干嘛,测试一下吧,是吧,好把这个么规则给大家拿过来C。Control me。好,这是我们测了一百二二十八个DEMO之后,我们得到了一个结论是吧,好,那我们来看一下,比如说把这个DEMO写的稍微复杂一点啊,我把这个东西还是拎过来嘛,直接。好。嗯,贴到我的动结构里面来,TCTRLBCTRLS啊一样给ID body,好,这边也给ID叫什么,而且听见没有是吧是好嗯,这样吧,下面我再来一个啊,写稍微复杂一点,D再来一个什么。ID为什么一三是不是好,现在我这个样式我相信啊,我相信。
40:04
怎么相减呢,我说我这个。OK,他的行为。不是吧,好,我不管了,我瞎写,好还有什么一一娜二跟什么三是吧,好,只有你,我说你这个为三的定位是吧,你这个为fix是吧?你这个为也为fix毫你我在这边去干嘛。Window window on。漏等于一个方形,我说我在这边点落干什么?找到这个音呢三吧,因为有ID,我能。
41:02
可以吧,我教过他吧,是不是测试时候就可以这么写,因为你么,唯一的嘛,OK,差点什么。Ofet,什么parent.id应该是谁啊?我们看三是个什么?一三是一个fix定位是不来看本身定位为fix的应该是啊。闹是不是ID面应该是闹啊,不不不什么,只要不是我应该是闹是不是,我们来看一下,也就说那我点ID是不是就。会报错来看一下。你看不能从闹身上去多ID吧,是吧,也就是什么,你这个前面这个鬼东西肯定是什么。肯定是钠是吧,火狐里面呢。火锅里面应该是谁?玻璃是吧?
42:02
就你来看一下是不是这样。好,F10你看是不是过点对不讲好,所以说这个结论干嘛相信我是对的,懂懂,好,最终你们只需要记这个结论就行了,好,这个过程我就不需要你们去一步步走了,懂吧,好,来看一下,好,那我们说那我是为了官位的讲这个判断什么。肯定不是啊,我们是为了谁啊?我们最终是为了,我们最终是为了搞清楚谁啊。Offset left,因为这两个东西我们在P写效果的时候肯定会用到,是吧?OK offet left什么错是不好,我敢保证你们之前在用这两个AK的时候,你们会觉得只能给定位元去用。是不是啊,你说你们之前在用这个left跟top这2A篇的时候,你们百分百只会给定位元素去用。
43:08
我问你没有定位的元素有没有他们俩?一个没有定位的元素,有没有的拖把?有没有有啊,只要你有什么。偶的判断就行了,你元素本身没有定位,本身没有定位,就是你本身定位不为嘛。他们有没有在看呢?都有的呀,有没理解啊,说这个of life跟偶的top是定位元素特有的吗?不是所有元素都有。那么讲一个没有定位的元素差of the left跟我top是相当于谁的?一个没有定位的元素去哪找啊,本身定位不fix的嘛。是不是本身定位负极时,哪怕你没有定位,只要你干嘛负极有定位,那我就承认你这个。
44:04
定位负极了,你负极没有定位干嘛,你就称当于什吗玻璃的吗?懂吗?OK,那我们来看一下,比如什么,我们说of left top是吧,比如说现在我们干嘛,所有的div啊,所有的div走你我全部给你一个外喂200PS好给你一个。Cat也为200PS是吧?好,那给它们描描点颜色外的颜色为PIOK。嗯,它的颜色为迪帕PI卡是吧?OK,一二的颜色,为什么hot PI卡,OK,再来一那三的颜色是吧?来区分物体它的这个收理来看一下好还是去我们你看现在是不是长这样是不是,你不管它长什么样是吧,呃,这样吧,我们稍微给他什么指定一些left,这个left为。
45:07
100PX是吧,OK,这个错为。50PX是不是具体长,具体长什么样,说实话我都。我都有点搞不清楚了,因为我这边干嘛瞎写的呀,是不是啊,OK,太乱了,我就是就是想让他乱一点,走你。就要你乱延,最终我们看这个open top干嘛,对不对啊是吧,80对吧,70不管啊,整年干嘛六十三十,所以说你看这个样式菜到布局的话,请你出去,我教不了你了啊,走你。啊,反正现在是这样子的,是不是OK特别乱是不是。这个阴呢,什么三阴呢,三十一六度是不是,是不是在这边啊好阴呢,三是一个什么地位。
46:03
Fix定位吧,是不是比如说我让上没有定位。我那INA3没有定位。手里是阴拉,它是不是直接在阴拉的下面,好,这边我干嘛,我来测一下塔三点什么。等什么?Left应该为多少?是不是首先看一三有没有定位?没有定位有没有。肯定是有的,看这个值为多少。零,为什么会零啊?它现在称当于谁啊一三称当于谁啊一三因为是因为你定位不ABC的嘛,是不是看一下你负亲有没有定位,一二有没有定位,有定位那就称当于我的一的二,你看两个人是不是合在一起的是不是,那看看如果是他的错呢。错误应该是有值的吧。是不是21吧,这个值是不是就是我这个字体的大小,优点是不是好,如果我让这个一的二没有定位。
47:05
那应该相当于谁啊?我不管他长什么样,是不是在哪,应该相当于什么?参照一一到一吧,是吧,因为你一一现在有定位了是吧,也就是说其实这个你看维四是二了吧,因为21加21嘛,是吧,不left呢。他们多少零是吧,OK哦下他那百分百。零是不是好,这边你们一定要知道一些事情干嘛,你没有定位,也是有奥斯达托跟萨达。Left,那边讲OK,那我们再把这个东西干嘛搞得复杂一点,这边刚刚是什么。刚刚是什么fix吧,我记得是不是这边是什么相对定位吧,我记得是吧,OK,还是搞得这么复杂,好来看一下。Sony,我们再来测一下,我们说什么,这个时候IN3点,Of top,应该称一下你定位什么we fix的吧,本身定位fix,哎,完蛋了。
48:06
有一个居然是闹。是不是啊,居然是now,它其实参照的还是啊。玻璃,OK,我们来看一下这个值应该为多少,我们看。刷一下30跟68 OK,我们来。来,掏出我的大尺子。好,这边有个尺子是吧,好把这个尺子。干嘛?运过来。好。诶,怎么不让我画?真不能画。哎,这个池子怎么玩的,怎么不会玩了。OK,我想量一下,诶不让我量。好。那就不用这次是吧,虽然不让我玩。我想它最终它最终反应出来值是多少,30跟60啊,它是不是30跟60啊,这面是不是三三十跟60啊,为什么,因为我应该三什么这因位嘛,相当于我的是个定位的嘛,那你看我LA的60多分30,那就是30个啊60嘛,没问题吧,是吧,那我也不拿尺子量,这个尺子怎么没法用啊。
49:22
好,不管了,这个尺子没法用。好,我们来看,那我们说这个top跟的相,我们哪怕你是干嘛。虽然你是那干嘛。你现在不喝了吗?Left懂吗?也是参照于什么?玻璃。好,那问你,那一般我们说在开发的时候,我需要你都干嘛。
50:02
都写这句话,能明白什么用意吗?我们说为什么我们习惯性的让玻璃去充当于整个什么石口,为什么?因为很多API的设计,很多API的设计都是什么,参照于什么。玻璃来的,所以说我们尽量应该让玻璃再买哪个区域。这个区尽量让玻璃干嘛。再把整个区域等等,也就是说我们干嘛一般做的怎么样去清除系统默认滚动条码。懂吗?比如说你们来看一下,你们看我们最终来做的这个小东西。你们能看到股东条吗?可是明显是不是干嘛,是有很多瓶的,就是这个下面明明显是有什么。元素的吧,可是你们永远看不到滚动条吧,懂吗?啊,这一般是我们做PC项目是有一个什么一个设计的啊好,那第一节课我们就讲到这边啊,第一节课里面最重要的几个东西,首先。
51:10
你得搞清楚跟的区别。判则代表什么?直接负极哦,代表什么?有点类似于CSS里面包含快的概念是不是?但并不是包含快的实现,因为包含快是CSS里面的概念,懂吗?OK,好,还有一个off left跟top是参照于。Of Canada还有一点什么?我要帮你们写,写好注意点,好吧,我把你们写到这注意点第一点,OK,干嘛分清什么。分清什么,分清parent note跟什么ofset的一个区别,和set parent。
52:08
的区别,OK,只有你。我们说判断日子代表什么?直接复习。OK,我现在饭了。叫什么?类似于类似于CSS的包含含是吧?OK,第二点我们要搞清楚什么。什么的作用?它有什么作用?什么of set left和of set,什么做法是参照于什么啊?吴小姐判的什么?
53:08
那编剧是吗?内边距边界。能不能讲好,这个也很重要,那边去边界。懂吗?你说你这个off left跟off top的取值啊,是参照于我off那边就是连接的,再看我刚刚在写这个DEMO的时候,你看我是不是支持定外外特长,如果我指定一个边框会不会做你啊会不会。边框会不会算?不会算懂吗?也就是你这个跟我默认就是拿拿你什么,拿到你这个户籍什么。那边距的Penny会不会给你算进去啊?判定会不会算,会算,可这个玻璃就不会给你算懂吗?好,这个得注意一下啊,下一节课,下一节课我们讲这个东西的话,就什么就会踩,踩到这个坑懂OK,还有一个还在这边什么还得树干嘛,什么动物里。
54:24
所有的元素都是有什么?Of left根和of错别的,为什么我敢说这句话?啊,我们来看一下嘛,跟嘛对吗。看一下什么NT上面一个解释。我现来,你看定义在了谁身上。HT吧,只要你是我就有。
55:01
我管你开不开启定位呢,懂吗?OK,而且它是一个。只读数学懂吗?OK,相对于什么?左边键平,这个左边键代表是什么边界?那边去边界哪边有说的。他这个上面说了。你看因为这两个值参取什么,那边去理解了理解吗?好,API你如果要扣的细的话,真的能扣的很细,懂不懂,OK,你想做到你的项目,如果是想做到什么一项速度比较差的,那这些东西你都必须得知道懂不懂,可是你说你要把你的项目做到一项速度不差,感觉你有点疯狂啊,OK,所以好,那这是我们第一节课的一个内容。OK啊,这三点记记清楚,OK,那下周先先吗?
我来说两句