00:00
好啊,那刚刚我们讲的移动价值链啊,从这个移动价值链当中啊,大家要体会到一些东西,好,那紧接着跟我们技术有关的。来看OK移动的基础概念。好,今天我们的代码量会很少,基本没什么代码量,好来看一下,好,今天我们要接触这么多概念。好,来看一下第一个啊,首我首先来问大家一个问题啊,你们经常写两百一个盒子200PX。啊,这个P是什么。啊,我知道是像素,是什么像素。这叫CSS小说。懂吗?OK,那两百个CS,这个200PX是代表200个CS的像素。不是说你这个CS像素的面积是200,搞搞清楚,这说的是个数。能不能讲OK,那我们来看好,首先我们来看基础概念。
01:01
好屏幕尺寸,然后放大一点。不。好,屏幕尺寸指的是什么?屏幕对角线的长度,切记,一款设备的屏幕尺寸不是指的这个玩意,这个不叫屏幕尺寸啊,屏幕尺寸是什么啊?这个叫屏幕尺寸。这叫屏幕尺寸等不懂,所以你们买手机时说,跟你说屏幕尺寸3.04.03.7,你都不知道它的,它是什么,说什么是不是他说的就是什么,这个对角线的长度。啊,单位是。英寸啊,一英寸等于2.54厘米啊,这个你们可以看看就行啊,数学上的东西啊,我也不知道,好好记住什么是屏幕尺寸,好再来看屏幕分辨率。好,什么是屏幕分辨率?横纵向上的像素点的点数,也就是个数,我们叫屏幕分辨率。可是这个像素点。
02:05
是什么像素点?物理像素好,现在有两个很重要的概念出来了,物理像素跟CS像素,之前画页面你们考虑物理像素跟什么,绝对不考虑。是不是?可是问你皮质有没有高心病?你们绝大部分用的都是高清屏,有高清屏其实就是有物理相跟C相的概念,懂不懂,只不过在P端他们没有那么。明显,因为屏上的屏幕大嘛,所以说你们感觉不到,可是移动端的屏幕小啊,所以必须搞清楚什么是物理像素,什么是加的像素啊,分辨率,只要你这个手机出厂,它就会有个分辨率,这个分辨率代表的是什么,横纵向上像素点的。个数切记是什么。个数。能不能讲哦,不是说这个分辨率不是代表你很纵向上面的C个数,切记是什么。
03:07
物理像数啊,这个概念给我记死了,好单位是PX 1PX等于一个相似点,这个PX是物理像数。懂不懂?一般以纵向像素乘以横向像素来表示一个手机的分辨率啊,1960乘以啊,1080啊,这个叫分辨率,可是他们的单位都是物理小数,有没有这好重点那正常的机子。3G啊4S啊5C5S啊六啊6PLUS到现在的差啊。是不是OK,好,大家知道ione这个系列啊,从哪一款开始他火起来了,是是不是为什么从四火起来了,因为你们会感觉到四的屏幕要比三好很多。试的体验要比赛好很多,为什么?因为iPhone从大家看。这两款设备一个是3G的,一个是四,是不是苹果从四开始使用了高清屏?
04:08
OK,大家看苹果三跟苹果四屏幕都是一样,苹幕尺一样大的,可是苹果三他的分辨率。四百八乘以三百二苹果四它的分辨率。九百六乘以二。640是不是我问你,比如说我取相同的一个区域。好,这两个区一样大,我问你哪一个区域里面包含的五力相的点数在多S吧,是不是你说这一块区域里面你包含了更多的物理像素,那你的图像显示起来是不是更加细腻啊?啊,这种屏幕叫高清屏,也叫视网模明。对不讲好切这个概念啊,好再来看,那我就问你,你能不能用屏幕分辨率数字上的大小来比较两块屏幕的大小。
05:02
啊,比如我的屏幕比你大,为什么我的分辨率比你高啊,我屏幕比你大。能吗?不能,你想比屏幕大小,比的是屏幕尺寸啊,我屏幕尺寸比你大还是你牛逼,那确实你的屏幕比我大是不是啊,可是你的屏幕分辨率比我大,那你尺寸。不一定比我大啊,可能我们俩还是一样的啊,可能你这个屏幕稍微好一点而已,质量好懂吗?啊,并不代表你大好,那什么是高清屏。高清平的概念主要兴起于乔布斯同志啊,虽然人干嘛走了是不是啊,可是他确实啊在。移动端啊,它起了一个比较大的一个作用啊,好,主要功能如下,具有足够高的物理像素。密度使人眼无法分辨。启动单独下水点的一个液晶屏,一般我们叫做高清屏啊,它的特点就两个,一个超过屏数密度,第二个同样大小,并幕上显示的相似点有一个表示多个。
06:04
能不能理解,就就我们刚刚说已经分析了嘛,是不是,那再来看高清屏跟普通屏的主要区别,相同区域,这个区域说的是英寸或者说厘米,实际的个单位,等不到相同区域的物理相对的点数,高级平一般是平平的。S本。啊,这个概念我们待会还会记录到,比如说什么是个性呢?相同区域内你物理像素的点数更多呢。密度更大吗?那你就是高清屏。那么讲,那是不是就是有一个小水密度的概念。什么叫像素密度?也叫屏幕密度,屏幕上每英寸可以显示的像素点的数量,我们叫做像素。密度。懂吗?OK,那怎么去算这个相等的英文就就叫PBI。我问你。好,这个是不是我的分辨率,分辨率是不是的,横纵向上面的横纵向这边物理像数的个数啊,那问你这条线上面的物理上的个数能不能达到。
07:08
能不能拿到勾股定理吗?是不是啊,OK,这条线是不是代表你的平估磁条,你看像素密度的概念是什么?每英寸可以显示的像素点的数量。是不是,你看你这不是五寸吗?啊看哎五寸,因为我知道你的分配率吗?那你这一条线上的相相数的个数就可以拿到了,拿到这个个数除以五吗?那不就是你的小数密度。这个能不能理解啊,好,那嵌体现在我说的几个概念。一个屏幕尺寸,第二个屏幕分辨率,第三个屏幕像素密度,是不是这里面涉及到几个重要的概念?物理像素塞像素。我问你,物理加速是什么?物理小数是什么?
08:03
啊,听到现在了,什什么是物理相撞。什么是物理像数啊?你的屏幕的分辨率代表了什么?就是你的物理像素啊。刚不是刚刚说完吗?是不是啊,什么是三项数啊。什么是C像素啊?C跟你的设备有没有关系啊?没有半毛钱关系啊,什么时候会有C3数概念啊,咱们写程序的时候。一个DIY是200PX,这个PX是什么?CS像素CS像素跟谁有关系?跟浏览器有关系。懂不懂CS相数是一个抽象单位,为什么说CS数一个抽象等啊?你最终成像是不是去设备上面成像了?那你要不要最终转成物理小说?要不要,是不是最终得转成物理像素,放到屏幕上面去成像,也就是说,你写的CSS像素永远都是个虚拟单位。
09:04
最终到底实际有多少,你得看你一个C像素包含多少个。物理像素懂不懂,最终这个物理像素跟这个屏幕尺寸是有何关系的?下车密度吗?是不是啊,那最终你到底到我这个屏幕上占据多少英寸,多少厘米,那就看你占据多少个物理像素呗。那么你想是一个什么样的关系啊?首先你开发的时候,你写了个200PX是什么像素,CS像素,C2像素最重要转转成什么?物理像素,物理像素去成像的时候,是不是跟你的屏幕尺寸有关系,最终成像的单位是什么?厘米。英寸吗?懂不懂这种才是我们的实际单位吗?能不能理解啊,OK,好,那我们我们再来看好,物理像素是设备成像的主要单位。
10:04
CS像素是浏览器中的最小单位,外部开发中的最小单位是不是好?之前我们还讲过一个。位图像素图像的最小单位。好,现在你们应该要了解三组像素。物理像素,CSS像素以及位图像素啊,这三个像素的概念极其重要,好,我们再来看。好,物体像素与三三像素之间的一个关系,好,我现在问大家,一个Y是为200加的元素,它占据了200个。下去。是不是啊,那我问你。现在一个我高宽为200P元素占据了多少个?嗯。200乘以200是不是就是4万个,4万个SS加数啊,是不是OK好,但是你这比如说干嘛,比如说你外次不200说明你是不是一个方向上面啊,一个方向上面是不是有200个CS形这边牌子啊,那你一个CS像素最终要去成像,是不是得转成物理像素啊,你一个C23像素到底占据多少个物体像素,取决于屏幕的特性,你是否是高清屏。
11:17
是不是啊,好,也跟用户的触法行为有关,这部放在往上来讲,首先你知道一个csi像素到底占据多少个物体像素,跟屏幕有关系。一般PC段如果你是普通屏的话,一个CS像素等于一个微像素。所以说我们在做PC开发的时候,从来没有给你讲过C像数跟微小数。因为默认他们就1:1的关系,懂吗?可是一旦是高清屏就不一样了,基本上是一个CS像素占据四个物理像素。懂吗?OK,好在苹果的视网膜屏上,视网膜的像素密度是普通屏的两倍,这个元素就跨越了400个设备像素啊,设备像素就是物理像素。
12:00
啊,如果用户放大,他将跨越更多的视频书啊,放大程度我们之后再来讲啊,这个你感觉不深啊,没毛病啊,之后还会讲好。注意,C3与物理上的关系是靠浏览器厂商,这部分并不是设备厂商啊。C23像素是浏览器中特有的。概念好,那继续再往下看,好这是一块啊,关于基础的是不是啊,OK,然后我打开浏览器,我给你们看一个东西。啊,这些都是它一些屏幕尺寸分辨率啊,啊,这个自己看一下就行了,好再来看。我打开浏览器。我F12进来到移动端,我一刷新,大家有没有看到这上面。是不是有两个值啊,411乘以四百七百三十六,或者去IPHONE6上面。刷一下375乘以667吧,这也是一种小数。这个像素叫做。
13:01
独立像素也就设备独立像素,OK,到现在几个像素了?四个哪四个CSS像素,物理像素。位图像素,独立设备像素,OK,以后咱们就在跟这四种像素打交道,好,OK,我们来看一下好,什么是设备独立消除。好设备对称数也叫密度关像数啊,其实你肯定没感觉啊,你可以认为是计算机坐标系中一个点啊,肯定也没感觉是吧?这个点代表一个可以由程序使用的虚拟像数,比如三像数,然后将其转化成物理像数,好,那听到这一块你们肯定不知道原理,可是你的知道一件事情。设备独立像素是CSS像素跟物理像素做转换当中的一个很重要的配件。啊,知道这个概念就行了,具体怎么转换的我们一会来讲,可是你也知道设备主体像素是很有用的。
14:05
它是csi像素转向物理当中干嘛很重要的一个环节。啊,知道这个点就行了,能不能讲啊,再来看好它有什么用啊,我现在讲的话你们肯定听不懂,那这个我也就暂时先不读了啊,以后我们讲的这个转换规则的时候,我们再来看好吧,OK,可能你就知道有一个设变阻性呢,存在着好,还有这个未组项数。啊,什么叫未图小说?随便找一张图片。随便找张图片。这里。嗯。Cool。小程序里面应该有图片。好,比如说我随便打开的图吧,好,你点过来啊,这个像素就是这个像素,什么像素,位图像素好,那为什么要说位图像素。
15:00
OK。我们说。只有一个位图像素对一个物理像素,图片才能完美清晰的展示,你想想我们的APP,我们的PC站点里面图片多不多?很多图片吧,图片有没有可能失真啊?有可能失真的,一个位图像素占据了多个物理像素的时候,这张图片就要失真了。我们希望图片失真吗?不希望,图片怎么样才能不失真?一个位图加数占比一个位加数,它才不会失真。只要你一个密度相同,占据了多个物体相,那必定是真。或者说你一个位置像数占据了,干嘛0.5个物理像数,那这张图片你定会被锐化。反正,总之你想让一张图片完美清晰的展示,你必须是一个位置函数对应。一个物理小说。能讲好,这都是外部开方数的概念,对不讲好,那这到现在我们把刚刚讲几个加数啊,讲了多少小数,数四个小数。
16:03
给大家搂了过去,等等,待会我们再来讲一个像素比啊,这是一个很重要的概念,好,待会再帮你们去总结一下这个像素,那讲完这个像素,这是我们的像素理论,讲完像素理论讲石头理论啊,那这两个理论是很是很重要的,OK,那当家把我刚才讲的这个像素理论自己先消化一下。
我来说两句