00:00
来大家看一下啊,我把这个关掉。好,刚刚我们一直是在讲关于位置的。是不是好里面比较重要的一个是off left of top用的比较多,另外一个是绝对位置跟相对位置啊,以及绝对位置相对位置,现在我们去开是用的最常用的个get帮,对不对,好这几个东西你记住不管做什么开发啊,只要你写效果基本上都会用它懂不到,那现在我们再来讲一下啊。尺寸的刚讲的都是什么位置相关的嘛,是不是,那尺寸相关的还有什么呢?啊,我来贴一个吧,CTRLC啊尺寸相关的1.09啊用的最多的就两个吧,一个叫一个叫是不是这是不用,这是我们用的最多的,当然我们说API里面关于位置尺寸的还有没有。啊,当然,你们是不是学过配XY?是不是学过score X score y是不是还有那个为对面的么?是不是可XY这个也这个用这个用的也是蛮多的吧,是不是我们说even对象上面有一个叫CXY跟配XY。
01:15
是吧,我们用的最多的是不是CXY啊,一般这些位置啊,尺寸的API,它的兼容性问题比较多,懂不懂啊,所以说我们推荐给你们去使用的是兼容性相对比较好的,能理解吗?那其他兼容性的A篇的话,你们看一下就行了,懂不懂,如果公司有用啊,去ND上面看一眼。就知道了,懂不懂,我们这边讲的API基本上能覆盖所有的需求,懂不懂?好,来看一下这边要讲什么,只能。啊,我就啊这么写应该能看懂吧,是吧,还还有什么of f set什么跟什么,它们的区别是什么。
02:00
CXY是代表什么?可见是不是什么叫可视区域?好把它干嘛搞嘛,是不是万两百,是不是擅长200啊,写权和木型捐选权pen定50波。1010PX实心是不是马IN60是不是和模型全了吧是吧,全了之后干嘛给一个背景颜色,不然你是白等的啊,应该也可以了,因为有边框了。也能看到它了,是不是在这,是不是题目说内容,是不是从内容去开始吗。为什么叫内容?去内容区啊,绘制内容的地方。是吧,区域能不能绘制背景?判定区域能不能绘制背景?
03:00
全还给我了,是不是很好,来嘛,看一下他的嘛。默来其实位置是哪边呀?我们说我们是不是在这边讲过,默认情况下背景图片是从books开始绘制的,是不是,这也就是说为什么can books我们叫做可视区域啊。是不是什么叫可视区啊啊,能默认能看到背景那个区域就叫可视区域,所以说我们这个可外可拿的是什么。可能在哪边?诶,我没有写是不是OK外吧,TCTRLC外找到这个什么是吧,我们说找到这个外身上的什么可能他。个什么外点什么,可是不是好,我们说这个C系列他拿的是什么?记住拿的是可视区,什么叫可视区啊,也就是我们这什么dy books,这个就叫可视区域,为什么它叫可视区域啊,默认显示背景上个区域就叫可视区域,懂吗?OK,那这个值应该有多少?
04:23
三百三百是不是走,你好看一下他三百三百。是的,OK,那还有什么?一个是啊,一个是达。看看嘛是吧,为什么要贴到这,应该贴到这点是吧,还有一个呢。好,Ofet west跟什么ET好,这个记什么,这个就是什么,这个就是你的细节,干嘛加border。
05:01
懂不懂这个应该比较好理解吧,刷一下320 320,因为我两边有勾的,是不是好记不记得我们在做拖拽的时候,哎,我们说你是不是这个是拖拽的。容器啊是吧,里面是不是有个拖拽的圆。元素啊,我们算这个拖拽元素能滑动的最远的距离时,我们怎么算呢?容器的什么?可能他Y是减去这个拖带,拖带快是什么。Upset once。为什么?因为你拖这块的边框是在我容容器里面的,你不能划着划着,最终干嘛划成这样吧?边框干嘛没有了吧,是不是我说你能划到一个最远的距离话,就是我这个容器的可减去你这个to快吗?是不是啊,想想啊,我们边框是不是还可以放边框图片呢?划着划着你的边框图片干嘛看不到了,那是不是也很操蛋是不是啊?所以说一般我们在算它的最远的一个滑动距离的时候,都是拿容器的可能的Y减去一快的塞外,因为你这个滑动快是在我这个容器内部滑。
06:19
懂不懂,所以说你应该拿我这个内部的宽度减掉你的,不应该拿减,也不应该拿减。你们讲必须是这么写。这个能不能理解,之前我们是不是写了O遍都是这么简单,是不是当时也没给你们讲为什么是吧,啊现在就知道为什么的减对不好,那之后我们还会用好,那这是我们外跟外这个能不能理解。好,那OK,我们来讲一个很重要的需求。获取。十个大小。好,默认怎么获取适合的那种。
07:00
这个没掌握,获取四口的尺寸,怎么获取四口的尺寸,好记住API怎么写。干掉,OK,是一个。嗯,W等于什么好适口的尺寸,就是跟标签的什么多多点多,Element问你这是不是我的跟标线跟标签有个叫clean什么。Cli啊,我好愤怒啊,坑的什么啊?OKY一个什么开启等于什么document.document element点什么?Hat,是不是啊,我们刚刚讲了可系列拿的是可时区,就是我们的是不是啊,好比如说哎,虽然说我们不会这么干啊,可是我们来测一下干嘛,我说我给他一个他。
08:08
嗯,想想。嗯,加边框不太好吧,加马in嘛,是不是啊,马为50PX,想想我问你它的判布是不是就被压小了。嗯。是不是来看一下吧。那少。你看是不是两,比如说我这么看。好刷一下我们看,诶这个关掉来看,你看是不是两边有挖进的,是不是现在相当于这个HT的这个什么。在哪?这是。这能不理解啊,OK,还还有还有一半部分是在下面了,我们就看什么横向的就行了,好不好,来看一下我的电脑分辨率为多。你说现在我整个浏览器的大小面包。
09:03
1366是不是啊,OK,来看一下,照理来讲,我问你这个值应该为多少,我是不是CR这个YW就可以了,问你这里来的这个W,这个W应该有到。照这个这个单位应该为多少,照理来讲。你先不要告诉我答案,照理来讲,按照你现在理解,刚刚讲完Y还有什么照理来讲这个啊,W应该不到。1366减多少?减去两边的50应该是1266,是不是?来看一下最终这个值为多少?1349,因为这边有滚动条嘛,我把滚动条给他进了。滚动条本身他也会干嘛。怎么拼啊,我的天呐,我过少了,真的拼不出来,走,你。
10:07
OK,说一下你看是不是1366,是不是也就是说这个API啊。来,我们再来看这个H吧。347,因为现在就干嘛,347嘛,是不是OK,我把它再小一点。刷一下你看是不是干嘛更小是吧,大家想想这个DPI拿的还是偏离区域吗。只要在跟标签上,这个可能在外函数拿到排排区域嘛。不是了,记住,这个API就是为视口来设计的,懂不懂OK,他什么并不是什么,并不是跟标签的什么。可是区域它代表什么?就是视口的大小,因为这个API就是为视口的尺寸呢来设计的,懂不懂,所以说它的可能外,可能下的跟我们之前讲的。
11:09
不一样,正常元素的可能的外,可能就是可视区域,可是跟标签不一样,哪的就是是口的大小,懂不懂我们再来看吧,那我们看这什么,我不下什么。我一吧是吧,OK,那我们就不看了啊,OKW2看这找不到,OK,他应该拿什么。他拿什么刷一下,你看1266啊,这个规则一不一样,这个规则跟普通的一不一样。一样吧,二六吗?两边捡了什么?100吗?去了100吗?是表我们说吗?Document document element点的吗?哦,还是什么。
12:05
Books句什么?是不是啊,那边讲,也就说之前我们在讲这边。好,我问你,刚刚我们说是不是这个API里面,是不是在IE底下的话,是没有这个的,那能不能拿来代替啊。System。是不是啊,OK。好,那我们再来看好这个是不是我们说什么这么后取四个的尺寸啊,好,当然这边需要大家来一个注意点,一个什么注意点呢?好这头直接贴过来。好,有个注意点。Ctrl c ctrl c OK。好,注意点什么,在IE10以及IE10以下跟标签的同一被指定位视口的宽度,这个自己注意一下能不能理解,OK,为什么,因为我们说这个O外的话,我们说在么不在I跟I以下的话,他拿的是什么?
13:13
Books吗?是不是啊,好,可是干嘛我们这是什么叫box啊,跟标签的什么跟标签跟标签的吧,是不是因为我是document document element.et那就是跟标签的布布ma,可是你们来看这两个值在IE底下。在下找不到。Cany。在这。控制台。刷下。
14:00
13661326这个是不是一样的,看再一段。哎,这个怎么调仿真。设备,哎,不对,这个怎么调的。I18是吧,好看控制台刷一下。哎,我我不拿这个车了,这个这个浏览器不会用。那谁呀?等会听一下啊。OK,我找到我的IE吧。好,来看一下,OK ctrl b进来看我这案。好,22。好,默认情况点是多。刷一下你看是不是1266啊,你看我到IE4里面。多少1366啊,说I10及I10以下,我们说这个可能在C都是为为谁来设计的。
15:02
都是为是口来手机。能不能讲OK,那这个问你一般只要是动物的位置跟尺寸API,那兼容性问题都是比较大的。懂懂,那这里面给大家的是尽可能已经是这性比较好的了,懂不懂,那他们有什么问题,现在也跟大家去说了,懂不懂,所以以后用起来的话,自己注意一下没问题啊好,我们说干嘛,那那我们说以后我们拿十组的大小应该拿谁啊。是不是他有定性问题吗?有吗?可外没有跟标签的外是不是拿出就是你是否的大小。不管哪款浏览器都是是吧,你说以后拿十口的大小就应该是谁。多的点,多的点可能能不能记住以后我会经常拿的大小,我以后就会用这个,我不会用其他A了解吗?因为这个API本身就是为适合而来设计的啊,当然IE10它有点跳啊,两个API都是为什么。
16:00
是个宽实际了,可是其他的并不是要打知不道这个其他浏览器里面这个外是S玻璃布,是个磁串。能懂吗?OK,那到现在这一块,我们什么关于位置跟尺寸的API啊,我就讲这么多够用了,因为讲啊其他的还有很多,自己上API去看就可以了,懂吗。
我来说两句