00:01
来,咱们开始上课,那从下午开始呢,我们主要是学,哎,项目构建工具的第二种叫GAP,这呢也有一个干部的教程。那么看这个之前呢,我们可以先看一下啊,浏览器里面这怎么一直有这个广告。干我在这儿好,这呢就是干它的一个中文的啊网站啊,也是比较简洁的,比较简洁的,那这个上面主要是我们先看这一个板块,这一个板块主要是对干部的一个特点的说明啊,当然了先不用看它,听我说就够了啊,干部的特点有这么几个,第一个叫任务化。任务化。也就是说他不管在做什么事情的时候,上来有一个统一的接口,你必须要去注册一个任务啊,然后呢,还有个特点叫基于流。
01:01
机遇流,那么这个流说的就是我们的数据流,哎,IO这个大案都知道,一个输入一个输出也是一个input,一个output啊,那么基因流这个概念呢,在干这,哎,其实嗯。反应的特别明显,这个库它有一个特点,它有自己的内存。那这个时候你用GAP去进行项目构建的话,首先会读你本地的文件。将你本地文件的数据读到干那内存里面。然后接下来所有的操作都是在这个内存里面进行。你比如说我要去合并,要去压缩,那么在内存里面操作完这些任务以后,接下来我们再从杠内存里面输出。我出流流到哪呢?流到你本地啊,你可以创建一个项目去接收它啊,那么这样的话,对应的一个叫输入流,一个叫输出流,输入流就是G里面从哎你本地读数据读到G内存。
02:11
而输出流呢,是在干部的内存里面,操作完以后,我从它的内存里开始往出流,这叫输出流,哎,这是干的特点。记住了前两个我说的一个叫任务化,一个叫基于流干,还有一个特点,现在我们看不到,哎,到时候咱们看到的时候,我要给我那时候会给大家讲啊。好,那在这个里边啊,还要带大家去看一个,这叫API啊,APIGAP里边它有几个固定的API,而且特别常用,比较重要,所以带大家过一下。先来看这个,一看这个说明GAP是个什么数据类型啊。你这一看这对象点一个方法吧,说明GP是一个对象,哎,这个对象哪来的,就是说当我们去下载安装完干以后,自动拨了这个对象。
03:09
其中有一个API叫SRCRC图上什么意思啊?是不是找他的目标原文件,而在这我src这个方法,你编传的参数就是要找目标源文件的路径。通过这个操作呢,就是去读你的原文件,读到干部的内存里面。接下来我们再来看一下,上午咱们也见过他。在ground插件配置里面也有这个的选项。它通常表示的是输出文件。也就是说在我干内存里面操作完以后,我最终又通过best这个方法往出留,注意看这里面传的参数都是什么东西啊。Pass pass什么意思啊?
04:00
哎,对径的意思。再往下看。Task,首先它也是一个API方法。我们用task这个方法是响应了我上来说的那个GB的特点,叫任务化,也就是说你现在要注册任何的任务,你必须通过go.task诶去注册这个任务。嗯,这不,这也写了吗?这是name代表着任务的名字,哎,这是一个可选项,咱们也会用到,而后面这对应的FN表示的是一个回调函数。再往下还有一个。我,哎,看到这个你应该能想到一点东西。那旺季是干嘛的呢?监视,哎,上午咱在国子里面是不是有个插件啊,哎,叫wash,而现在我干内置的有个方法报,就可以去揭示原来的你的目标原文件。
05:04
哎,这就是他的API。然后再给大家看一个东西,这是不是有插件开发,这个里边倒是没写什么东西,在这看不出来干,里边也有各式各样的插件,你要用的话,你得访问它的,哎,英文官网。把那个之前不是有点CN吗?把点CN去掉点com吗?哎,这是英文关,这不是老外的这个嘛,啊,就这么着东西,那么我们要看的是这个叫plan,点击一下它啊,这个里边放置的就是干部的char。上海这不是20个吗?你用什么条件,你比如说我们上午是不是用到过叫的东西,现在no是因为没加载出来。你得等它有点像图片的懒加载一样,就是上来先给你加载一小点,慢慢慢慢一点一点的往下加。
06:03
还是20个,哎,我看啊。有没有发现这有有有什么特点啊。刚刚有什么特点。我的滚动条一直拖不到底,这这太慢了,现在。哎,出来了,看到没有。滚动条很明显变小了吧,而且你发现每当我一拖到底,它会自动的往上跑,那是因为下边一直在去,不断的去往下去延伸加载。能懂不?哎,你看现在多少个,3000多个,就这个需求,就是这个特点,大家自己会做吗。怎么做,有没有思路啊?比如说我上来要求你给用户展现20个,这里面的东西,完全可以用什么Li去搞定。这不就每一个吗?这没问题吧,而且它的结构部署是不是都是一样的?啊,让你做你怎么做啊,上来我默认是不是加载20个啊,然后你可以判断它滚动条是否滚到底。
07:06
拱到底那一刻,你再去发起球,是不是开始往后拿?能懂不拿到的数据往这个UR里面填充,然后他会让他去变利啊,这就是。那这个时候既然有这么多插件了,我这个时候我去搜一个,这不是这个吗。收收到这个和ground看它插件怎么用是一样的,上来第一步也是教你去干么安装,哎,再往下,这是教大家如何去使用啊,我们现在呢,先不去看这哎,先不用看这哎套路都是一样的,这个大家能懂,就是用什么插件我在这去搜哎。好,接下来来到我们当前的项目,我们在这儿去看一下。是的,这些功能就不说了,关键是你能看到这个GAP更高效,说的更高效,相对来说就是和ground去对比。
08:00
其实GA是比好用。哎,好用,嗯,注意看这个。异步多任务,我们上午讲的时候,他执行任务是同步异步。同步,而干部这边更多的是去用异步去执行任务,一旦讲到异步的话,就是下边没有等待的情况,那么这样的话,哎,我效率肯定高,效率肯高。往下我们还是依据当前的教程,我们去创建一下公布结构,哎,这把在我们的干部这一块来,我呢先去给他整一个这叫Dis文件夹,嗯。文件夹表示要放置我最终打包生成完的文件,那么在这个下边呢,再来一个src,在src下边,我呢给它创建一个GS。来一个CSS,再来一个,大家学的是什么?
09:00
那么在这我再去创建一个1ex.HTML走,你好,再来一个,哎,我又看到这个东西了,你能不能想到它是干嘛。什么时候用它往大转。运行什么运写,就是我任务在执行的时候,他是不是首当其冲的,他会去读这个文件,咱们上午在ground子里面是不是也有,只不过他当时的首字母是不是大写,哎,现在是小写啊,因为咱们上午ground里边讲过了,那我就直接在这创建一个,那接下来你还得去申请一个packet杰son,马上咱们去下载一些东西。在这先来一个name,这一把呢,我叫他GA,然后来一个test,接下来来一个1.0诶。1.0.0。好,整完这些东西以后,那你们需要做的是先切断码全局安装一个,然后呢再局部安装,好在这我先去,哎,这是ground,我们应该是在这。
10:13
在这啊,下面我去装一下这个。又是杠杠,C杠第一位来表示它是开发依赖的包。好,来大家看一下我这个是不是下载下来了,你看一下它的版本是多少。3.9有没有同学注意上午的版本是吧?没注意是吗?应该是1.0.1,我搂了一眼。那你这样也能看出来,其实我的GAP一直发就发展的要比ground要快。版本迭代的要快,哎,好下载下来以后,来我们往下来看看哪看feel。
11:04
啊,在上午我们grant的配置文件里边,他上来是不是要写一个modu export的一个function啊,那在我们GAP里面不用那样,我上来就去引入一个GAP,这个呢,和大之前的一样,通过块二去引入啊,然后这里面直接放的是GAP这个包名。OK吧,一旦引入了GAP,哎,那么全局自动多了一个GAP的对象,接下来我们只需要做的是注册任务,哎,最后这来个注册,哎,默认任务。注册任务是什么意思呢?你都得通过g.task这个API也是方法去注册任务。第一个参数通常放的是我们的任务名啊,一般情况下我有两个参数,第二个就是对应的回调函数在这个里面啊,就是执行。
12:05
或者说配置。任务的操作,哎,就是我当前的任务具体要去干嘛,哎在这个里面写。那注册了完任务以后,你就可以通过什么G后边放一个什么啊任务名。你就能回车去执行了。但是现在的问题和我们上午的ground一样,你一旦任务多的时候,我每次用干部带一个任务名的话,效率是特别低的。最后我们想要实现的是通过默默认任务去启动其他的任务,也就是说最后你需要通过go.task去注册一个这个家伙。叫default,哎,而在这个后边里边放置的就是上面这些。任务名这个大家应该到现在能理解啊,因为就咱们上午的一样,好,这没有我先制为空,哎先制为空,那这个时候我们GAP也下载了,我先去回车执行一下GAP,你会发现他这还装模作样的时候,我执行了个debt。
13:11
其实当前是不根本没有干任何的活儿啊。哎,那有了这些以后,我们接下来,哎,去看一下,往下来看,哎,这儿我也给大家写出来了啊。写出来了,先给大家介绍一下我们经常使用的插件,一看就能懂。合并,但是这个时候要注意我们上午在ground里面的content,它只能合并JS文件。因为我们CSS合并是不是用CSS命。就合并压缩,哎,全干了,而在我们GAP里面,Contact这个插件可以合并GSCSS等文件,也是合并的工作,统一用com。下面这个。
14:00
他专门去压缩。GS文件。我们上午在压缩完,我们是不是自己手动就加了个点B呢。是不是生成一个文件啊,而现在你在压缩完,你得用一个rename这个插件去给文件重命名,说白了加那个点密,我们得通过这个插件来讲。再往下看less,这不用说我去编译less文件,因为你less最终是不是要转换为CSSR。好,还有什么CSS。在这它表示的是压缩CSS,要和这个来区分开,一个是压缩GS,一个是压缩CSS。那再往看,往下看这个live reload什么意思呢?拆开看。Live reload什么意思?实时刷新reload是不是重新加载了意思?哎,好,下边这几个重要的API我又单独给大家列出了一遍,其实刚才带你们在官网上是不是也看了一遍。
我来说两句