00:00
下面呢,我们来做CS的兼容性处理。之前呢,我们JS呢,已经做过兼容性处理了,使用的是B,那么样式呢,同样也有兼容性问题,我们也需要考虑到这一部分,不能说JS没有兼容性问题,结果导致样式有结果页面出现了不可预期的一些错乱,这样也不行。所以我们要做样式的金融性处理,这里呢,我们用post load就可以做到了。那么这个官网上呢,写的这文档呢,比较乱啊,所以我们直接看我们这里就好了,我们需要下载的包呢,有POS load,那么POS load呢,依赖于poss,所以这个也要下,然后呢,POS呢,它需要写这个,用上这个pre UV这个智能预设来解决这个样式的金融性问题,所以我们一共要下载三个依赖包。OK,打开代码下载。下载完之后呢,我们要进行配置,配置的话呢,Posts load呢,它需要在CS load的后面下面。同时又要在less logo的前面,所以写在这个位置大家不要写错了,所有需要用上,需要用做兼容器处理都需要加上这个配置。
01:10
所以我们这里要加的东西比较多啊,在less CS的下面。好,这时候我们发现啊,我们写的时候写成的这个对象形式,因为写成对象形式呢,我们可以用option给这个load写其他的配置,如果你要用默认配置,就直接写这个名字就好了,所以一般如果你是默认配置直接写名字,但是你要给这个load去写配置项,写options,那么就要写成对象形式,Load代表你用的load option就是你给这个load加的配置项。当然,这些配置项其实都是官网上有的啊。好,注意let c在后面,这个let的前面。位置不能写错。好了,那么下面我们看看效果。为了看效果的话呢,我们得写一些这个有兼容性问题的样式啊,如果没金容性问题,咱们没法演示啊,我们第display。
02:07
好,我们来看flash呢,是存在一些兼容性问题的,我们可以打包一下。OK,那么我们观察打包输出的这个三的情况。往下走啊,这时候呢,我们看到这个flash呢,它没有做任何处理啊,它是直接显示的。原因是呢,就是咱们这里配置是配置好了智能预设啊,但是你没告诉他需要就是做浏览器的金融器做到什么程度,你要需要告诉他,就是咱们浏览器做到什么程度金融性啊。那么这里呢,我们需要在pageson这里写一个配置。叫brother Li。那么这个就是咱们浏览器的这个兼容器做到什么程度,比方说我们可以写IE大于等于八。那么意思就是我们要做到兼容性呢,是要用IE浏览器的,并且它的版本是大于等于八,这个版本也是做到兼容性程度呢,是IE8和IE8以上。
03:10
好,那么通过这个指示,它做到兼容性的程度,我们再打包,诶,它会自动的加载这个配置,诶发现原来你要我做IE8以上的这个金融啊,那么我输出的文件自然就会符合这个IE8的金融,你看他又加了一些moz了,这个Ms Fla bos这个兼容性的这个前缀。啊,这个这个不处理。当然了,因为其他兼容性都没有什么兼容性问题啊,所以就没有体现啊,那么大家也可以用用什么CS3的一些样式来感受一下它它的一个处理。好,但是实际开发中呢,我们啊,一般来讲不会再到IE8了。我们最多就做到了IE9,甚至个别的一些东西,只要考虑IE11就好了。所以我们实际开发的配置呢,我们往下走。
04:01
实际我们会这样写。来看C。看到没?好,这里呢有三个配置,我们分别来解释一下啊,Last to version,意思就是所有浏览器市面上什么chome啊,什么suffer啊,什么我在啊,什么啊fire IE等等,我都只要你最近的两个版本。然后呢,覆盖99%的浏览器。比如说有些比较冷门的就不要了。诺的就是有些浏览器在发展过程中,有些版本已经死了,那么也不要了。对吧,那么他们之间取的是交集对吧?数学的交集概念,也就是说我们浏览器呢,要覆盖99%的浏览器,这99%的,那浏览器中呢,不要已经死的浏览器,所以又会排出一部分,那么其中这99%浏览器呢,我不是要你所有的版本,不是让你从我一到我省99啊,我只要你最近的两个版本。比如说他最近的版本是100,那我只要99 100大概这个意思。
05:02
那么做这个程度就够了。那么这这个程度呢,那就比如说IE的话呢,就最多IE11和IE9就没有IE8了,所以我们再去打包的话呢,那么输出的文件它就不会有那个金融性的前缀了。就不会有了啊,所以大家想要看到这个金融性的前缀呢,可能第一个你的确要写一些存在一些金融性问题的一些样式。当然第二个呢,你也可以把这个调的IE8以上,像我刚才一样,甚至IE6以上,那么你可以看到很多这个兼容性的处理的前缀了。但是实际开发中呢,我们并不需要做这么多啊,我们一般用的比较多的是这种。只要考虑最近最新的一些版本和浏览器就够了。好,那么这里就是这个配置啊,整体再来看一下,就是我们需要下载一些包,然后呢,在CS load的下面S或者less load的前面需要加上一个post load来指示它做这个兼容性。
06:02
那么做金融性的话呢,我们还需要考虑到一点,就是到底做金融性做到什么程度啊,通过browse list来指定就可以了。那么这就是他的一个整体的一个CS兼容性的一个处理。
我来说两句