00:02
呃,这个,呃,功能需求的分析呢,就。是我们后面再去不断的做功能的时候,一个一个去分析,现在分析没用啊,分析了也白分析了,因为我们现在得一点一点的写。下面前面有一下面有一些资源的准备,这些资源准备呢,大家知道什么叫标注图吗?就是大家写布局的时候,就有各种尺寸都平常你们怎么写的,你们可能是自己去量啊,自己去测呀,对不对,或者说测啥估计一个是吧,那是自己写的时候可以这样对吧,但真正公司级项目其实有那个东西好不好?那就减了,免得你去自己去量了呀。是不都告诉你了,那个颜色什么颜色,那个宽度什么宽度,那个坐标什么坐标。N的吧啊,切图切过吗?切过只是不太精通而已,是不是啊,没关系啊,会切是第一关键,因为你不是切图工程师对吧?切图啊,是你的第二技能,没关系啊,首先你要懂这个东西,会对吧,慢一点没关系。
01:13
下面一个图片,BASE64编码。就知道是干嘛的,把图片转换成什么,把字符串对吧,但显示的是呢图片,这有什么好处呢。减少什么?减少什么,大家重新说。不要害怕,我不吃了,你赶紧说,减少请求的次数啊,如果我不这么做,我要单独再发一个请求才能显示图片,如果我这么做了,那他就成为我文件内部的一个串,那发什么请求不用发再发请求了。但是有一定限制,文件不能太大,文件大有什么问题呢?
02:04
比如文件,我一照。你想啊,我要把一个一兆的文件转成一个字符串,塞到这个页面里面,那我半天才看到页面呢。我的页面里假设有些文字有一张图片,是不?我半天我的文字都看不到,这意思吧?那如果我不用664贝十六四变码,我是吗?先看到文字,等一会看到图片,那你好歹看到文字了吧?你心里是不是舒服一点?就这么简单一个事嘛,大家要去假设啊,如果说我一个大图片用了被十六四编码,那我会怎么样对不对?只有说白了最后的结果是什么,只有一些小图片才需要什么BASE60编码,但这个事情大家都不用担心。啊,打包工具会帮我们做。
03:00
我们创建的工程化的项目都做好了,都配好了啊。好,二插图三插图,这个懂吗?懂吗?前面应该是讲过啊,有一个如何,他是如何去判断的,这个是不是写的样子啊,来去自动的去取,到底取二插图还是取什么三插图。这是这一个,再有图标字体也是啊,图标字体首先分为两种,第一种呢是你手里有SVG。能懂吧,图标是最先是写SVG的图片啊写SVG,那如果你手里有是一种方式,下一种方式是什么呢?手里什么没有。啊有好说有其实你肯定能搞定,关键是没有对吧,我们说没有怎么办。没有去网上找,那网上找大海茫茫去哪找了,是不是阿里有一个图标的矢量库啊,对吧?呃,这个矢量库里面我们需要去注册账号,这些应该是大家都会的啊,并且登录上去可以查询对吧?搜索根据关键字搜索,搜索得到以后加入什么购物车接着。
04:12
添加到你的什么项目里面去,那前提你先是不是得创建一个虚拟项目。而那个虚拟项目应该跟谁对应?跟你当前要写的项目是对应的。懂不懂添加到这个项目里面的所有的那些字体图标,是不是到时候你都要用啊。比如说老师我添加了一个,但是我没用行不行。我添加了一个,我倒没用行吗?当然可以了,你不用就相当于第一个样式不用,那不也可以,是不是只是说那样不太好,因为添加的越多,你最后下需要的那个样子文件就越大。我们不要去引入一个样式文件才能最终去去使用那个样式吗?它是通过样式,简单来说是可以通过样式是不是来去引用那些图标字体啊。
05:04
对吧,这里面也给大家截了一些图,让大家去去看啊,而实际上它是不是有三种方式,有三种方式啊,最终呢,我觉得第三种这种final class这种方式是比较好用的,就写类名的方式去引用。是比较舒服的。那写里面的方需要呢,这个地方啊,这个地方来再回到这里啊。来看到我们这里面呢,我们是不是应该有一个自己的图标字体的啊,就是。啊,你验库这里自动登录了啊。自动登录了,那自动登录以后呢,我们当前就已经我已经收拾好了,这是我们要用的。看到吧,那我们用的我们这个found class是不是有对应的一个。CSS的在线资源,那这个在线资源我我应该用到哪去,引到我到哪里去。
06:00
啊,我现在我现在还没打开我刚才那个文件是吧,没关系,我就这吧。在这是吧,那也就是说我应该这里面用一个什么link标签,是不是去做呀,Link标签通过它的什么属性去引入了啊。F等于什么呢?等于HTTP,因为刚才他那上没有是吧,啊没有冒号,接着加上我刚才的这个例子。这能不懂,但是这个要有一个注意的地方,有一点需要注意,大家要注意一下,如果你后面又添加了。你得重新的更新一下这里面啊,它会有一个需要你更新的按钮,就说白了,生成一个新的地址。懂不懂,那接着在这个页面里面是不是重新引入。这个能懂吧,啊,重新引入取它啊就可以,那也就是说现在我是不是有一些图标字体可以用了,那哪些图标字体可以用呢。
07:09
就这些,那图片因子里通过什么名字来引入呢?是不是这里面是不是有个类名呢?每一个都有一个类名,对不对,每一个都有类名,那也就说我想用啊,比如说我用一个I标签,这里面可以写个什么class class等于什么啊,它首先前面有一个基本的名字,需要写两个命名,对不对?一个叫什么I can found,这是个固定的名字,接着再写什么。这个名字。是不是通过两个类名,最终我这一个标签是不是就显示了这个箭头。其实还是比较简单的。是不是再一个,如果说我想改变这个颜色,这是有可能的,怎么办,给它去加什么了,它的颜色就会什么变化。
08:04
这能懂吧,嗯,好,能懂就行啊。行啊,这里面呢,大家就应该知道了,我们这一些相关的一些资源啊,该怎么去用啊,而且呢,我们现在呢,已经把我们的啊阿里图标库那里面的爱放都引入进来了,也就是说我们现在已经写了这样一个引用是吧。写好了吧,啊写了,诶把这个也加上吧。嗯,不在这里,在这个文件上面是吧。为什么?嗯,那后面呢,我们就可以在页面里面直接去使用它定义的一些图标字体的类型了,嗯,没有什么问题。好,这是关于一些相关资源的一些准备工作啊嗯。
我来说两句