00:00
再来看看啊,嗯,我来问大家啊,就是你要去考虑一个应用,或者说一个网页的性能的时候的话,像我们刚刚用考拉在编译这个。Less的时候,考拉编译less的时间要不要算到你的性能里面去?不算,这叫什么编译时间?编译时间哪怕是一天,那也跟你性能没有半毛钱关系。懂不懂是打是线上之后浏览器去解析的时候,那个时间才是一个性能的考虑的标准吗?是不是这样的,能不理解你说你你哪怕编一编一天。你这个应用的性能可能也是很高的,懂不懂,OK,那我们来看一下,那比如说我们在。写原生的一些东西的时候,Input。好来看一下,比如说我有些有个码,有很多的样式表。CS文件嘛,是不是比如说1.css,然后是。2.css,那我是不是干嘛,我说你去引,你去引的时候的话,你可以怎么,你可以怎么做。
01:07
我们看是不是可以有个at input,我记得。二题不是刚URL吗?是不是是不是可以,是不是可以这么去写的,来看一下。CTRLC左是不是写在这个style文件里面了。是不是这么写的?2.s周年来看一下这边,比如说干嘛光的。Body。玻璃是什么?背景色background,光的way pink是吧?好,那二里面来个什么?呃,玻璃来个什么呢?那个什么。完蛋了,玻璃底下div吧,来个back y deep pink,看他能不能引用进来吧,好,我这边是来个D啊是吧,也不用改ID吧,是吧,我添一些文字打,打一个B走,你CTRL来看一下。
02:11
是不是可以的,来,我们好好的来看一下这个东西。好,我F10。我刷一下这边是不是有个网络大家看。我发了几次请求。三次对这个网页index码要发起请求,1.cs发出请求,2.cs发出请求。我说这个到底能不能用。不能用,每次读到爱情不时都要去发请求吧,网络不好的时候干嘛?是不是会会会收不到的,而且是不是增加了网络负担?能不讲懂懂不是发了两次请求问你其实发请求最耗时的是什么,不是说你干嘛请求的传输过程,而是你建立这个请求的链接跟服务器去拿数据是干嘛,这两端头上面的时间消耗的特别多。
03:05
懂不懂,所以说你看比如说干嘛,我说哎,首首先三次握手,四次握手啥的,是不是我先要干嘛TCP去干嘛握手吧,呃,握完手我建立建立一条线路,然后干嘛跟服务器去进行交互啊,其实在这两端花的时间干嘛。在这两端话花的时间更多,传输过程当中花的时间反而少一点,能讲,所以说你发两次请求跟发一次请求谁的效率高,肯定是一次请求效率高。哪怕你一次请求你拿拿回来这个东西特别多,那也有可能是一次请求的效率比较高,两次请求效率肯定是低,肯定是会低的,因为你建立链接啊,然后呢,断开链接啊,他都是需要时间的。懂吗?OK,那我们说千万不能干嘛,我们说写一段CSS发请就写写一段CS发请求吧,来看我们最终的实现呢?你们看,我们始终发。
04:01
几次请教。来到我里面刷一下OK,文档发一次发其他就是图片跟偏码咱不管吧,是不只看这个跟什么HT,你看我是HT发一次,CS发一次啊,其他我有发吗?那么多的CCS文件是我们只发一次啊,也就是说想一想这个at input。啊,这个在面试中经常会被问到啊,来,我们来看一下我们说什么,在这个里面,我们说那文件里面这个at跟我们C原里面的的一样吗?不一样,CSS里面那个爱是干嘛发请求。里面这个是干嘛合并代码。是不是将另外一一部分代码CTRLCCTRL过来吧。懂吗?啊,这个切记,这是这是很重要的一个点啊OK。好,那当然有同学之前还遇到过几个比较小的CS问题,我在这边正好也给大家干嘛全部说掉了啊啊。
05:13
啊,是跟浮动有关的。啊,测出这个问题来的话,其实啊,因为我也不怎么常用这种轻浮动形式啊,比如说看现在我有个did啊,给个ID为wep。好,里面我们说来个div。给个class叫test吧,好,比如说这个音啊,比如说我这个什么。呃,外底下的这个什么一那吧,好,如果你的这个外为200P,也为200X,然后让你浮动起来为left,问你它能不能撑开外的高度。
06:02
能不能?一那能不能撑开外边的高度,不能。爱不上。刷一下,你看这是不是外,你看里面是不是这个音呐,给这音啊,来个什么背景吧,Bag光的,为什么pink只有你保存一下,大家看是不是外,Per的高度是没有办法被。撑开来的是不是,可是一旦你让这个外干嘛。啊,外婆,我可以当可以了,我也可以去清浮动,可以去干嘛,幸浮动是吧,我还可以干嘛?啊,记住,如果这个外本身它是。浮动的,那压根都不需要新浮动,看这个外法也是。可以被撑开来的,或者说这个外他干嘛。是定位的,它也是不需要干嘛新浮动的啊,不是一刷走你,你看外部是不是也是开的,OK走你因为什么,因为浮动元素跟定位元素,我们说过它是靠内容撑开的。
07:11
不管你是什么内容,你就是可以撑开我这个盒子的,能理解吗?所以以后开发的时候遇到你这个。包裹器本身就已经浮动了,或者这个包裹器本身就什么的,那你就干嘛得知道了,你干嘛以后你里面只要说浮动归浮动都没关系的。懂不懂为什么?因为你这个web它已经不是一个BFC了。能理解吗?也就是说,干嘛我们说浮动的元素撑不开你负极,这是不是比的规则?是不是那BFC只对会计盒子起作用吧,所以说你这个盒子不是会计盒子,它就干嘛用不上那个规则。能理解吗?OK啊,这个稍微知道一下啊,那补充了两个东西,一个什么CSS里面这个啊,千万不能给我用。啊,然后呢。
08:01
浮动啊,另外两种轻浮动的形式啊,也不叫轻浮动的形式,就压根不需要轻浮动的懂吗?OK啊,就知道一下,那这个时候其实大家得得什么,得有一些一些比较重要的一些概念了啊,大家看我们在写这个无缝环灭的时候,其实已经在CSS这个层层面上面,咱们已经抽象组件了。是不是啊,组件是开发了嘛,其实我们这个at每次引入的都是一个啊。组件。是不是你看一个。无缝滑屏一个导航是不是,你看我们这个组件分GS层面的组件,CSS层面的组件嘛,是是就差谁了。HTL了吧。能理解吗?OK啊,这个知道一下,以后学框架的时候学组件化开发啊,要明白到底是什么意思,对吧,OK。
我来说两句