00:00
大家好,我是学习园地的特约讲师高国峰,这节课呢,我们继续往下学,学习一个新的技术,叫做。AX iOS那准确的读音呢,大家可以自己去查一查,呃,我习惯是读X这样的一个读音,那它是干嘛的呢?是做异步网络请求的,那和我们前面学的像NPM啊,Web派呀,以及ES6的语法啊结合在一起,咱们就构成了web前端框架的一些通用技术,当然web前端框架学习之前呢,这些通用技术呢,不止这四点,还有很多,但是这四点呢,是最主要的,学了这四点可以让你学习像呃,Vuee react或者是微信小程序,能节省一半的时间,学习效率呢能大大的提高,所以呢,咱们把这几部分提出来单独来讲,那我们来看一下。这个呃阿奥斯他是异步网络请求的,那听到异步网络请求大家第一印象肯定是什么阿贾克斯对吧?那阿贾克斯为什么有阿贾克斯还要用阿奥呢?为什么要替代它呢?因为它现在在微,不光是在vuee里边,像在呃呃RA微信小程序里边,都不用阿贾克斯用它来替代,那有的说了,那是因为阿贾克斯我们得自己去封装对吧,每次一个一个去写啊,对吧,比较麻烦,比如说得先封装它,然后盖的请求啊,什么POS的请求啊,非常的麻烦。
01:23
不止这些,那我就说,那解query不已经帮我们把阿贾克斯封装好了吗?对吧,的确是几块把阿贾克斯创造好了,但是大家要知道解query它不光是支持阿贾克斯对吧,阿贾克斯有可能只占它5%的,这样的功能,你就算是占20%对吧,那么还有80%这块是做其他操作的那些盗墓操作,对吧?而我们用vuee react或者微信小程序,那是使用的是V,是虚拟DOM,完全颠覆了DOM的编程思想,也就是DOM编程思想是完全不用了,对吧,另外的一种编程思想。
02:01
所以呢,咱们在这些框架里边也就不应用j query了。那不用于解宽,那如果我们在vuee里边或者里边,那我们如果导入解块去使用的话,那仅仅导入的可不光是艾点克斯的功能,还把解块为其他的80%功能,咱们用不上的功能给导入进来,对不对,所以呢,得不偿失。所以呢,就有一种新的替代的对XO这样的一个技术,类似于阿贾克斯,但是呢,他帮我们把一些阿贾克斯那些复杂的操作给我们封装好了,那又不具备解query,除了阿贾克斯之外的其他的功能,所以在框架里边做前后端分离这样的一些项目,用VE,我们使用的是这种异步网络请求。那么都知道了,它是类似于阿贾克斯的技术,那我们看一下学它,我们都需要学什么,学哪些?首先呢,我们必须得认识一下,那就这节课内容认识下这个X access,这个呃,我内部请求的一个工具,然后呢,那我们学这工具之前因为说了咱们现在用的voe框架都是为了前后端分离,对吧,支持多设备,那我们前后端分离呢,主要应用的就是接口技术,所以呢,我们想使用它异步传输。
03:13
那我们一定怎么呢?一定得先了解接口对不对,才能用它去请求服务器源接口,形成异步网络请求是这样的一个结构,所以呢,那如果你具备了接口的开发的呃能力,当然这个接口不一定是用PP写,可以用动的JS写,可以用Python写,可以用JS就是Java写等等,只要是服务器端语言都可以写这接口啊,统一按照呃for这个规范就可以。然后呢,咱们呃,测试接口的调试工具用post慢,这个呢,咱们也会提一下,那你了解一下用工具咱们可以请求接口对不对调试接口,然后呢,咱们再用这个X access去使用就可以了,另外呢,咱们在学习正式学习嗯X access之前呢,我们要学习下promise。那为什么要学一下promise promise呢?是ES6中新加的一个,呃,语法解读点。
04:06
干嘛呢?就是为了解决咱们平常平时用异步请求的时候,经常会出现那种回调地域这一个问题,用promise就能完美的解决这种回调地域带来的代码繁琐和可读性差,那为什么学X的时候要先学呢?那promise是佩克阿点异步请求专门去解决回调地域的那个困惑的,对不对?而这个X它内置了,也就是它是基于promise,它具备promise的功能,所以他先去了解promise,再学as的时候呢,咱们能更好的理解它的语法。所以呢,在讲奥之前,我们要先学习这些东西,学习这些东西都是为as做准备,那么我们先做一个简单实例了解一下,然后呢,了解它里边的post盖的请求方式,就跟解块里边盖的po请求都差不多。然后呢,可以处理并发处理一起请求多个切口的时候,我们怎么处理对吧?用promise也可以,那直接用它直接就自带off的方法,可以并发请求多个,然后呢,咱们不能在每次请求的时候都单独配置一下请求的一个UR公共的URL啊,超出时间怎么处理啊,对吧?所以呢,它有一个全局的一个配置的一个方案,对吧?我们在全局配置好,那我们在使用的时候就变得简单了。
05:19
还有它可以单独的创建实例,那可以一起创建多个实例,每个实例分别有单独的配置,单独的请求,所以呢,我们了解一下他的实力的创建的过程,还有呢,他和阿贾克斯一样,那都不能跨域,对吧,刚才解决跨域的问题,不光不能跨域,还不能跨端口,对吧?这是咱们前面了解跨域问题的呃方式,那咱们用它解决一下。然后还有拦截器,拦截器呢,分为请求拦截器和响应拦截器,也就在请求的时候,那我们先一些公共部分,比如说talk呢,我们先处理好对不对,那响应的拦截器呢,就返回的数据,我们把数据处理好,统一的处理好再返回来。那最后呢,那X access呢,咱们前面能这么处理,这么多处理都单独处理的,那你每次写起来都比麻烦,对吧?另外呢,在voe里边或者react应用的时候,那有可能说里边我们换模块了,我们不用X了,比如说阿贾克斯升级了,我们再重新用阿贾克斯之类的,对不对,那我们不能说到处去改代码,所以呢,把它封装成一个完完整整的一个应用,即使既让我们使用的时候非常简单,在用在这个封装的里边,把该配置都配置好,使用的时候,用一两条代码就可以使用,对吧?也让我们将来换一个模块,比如说把它换成其他的一个异步请求的应用,因为现在有很多嘛,或者自定义步请求应用,那么都要我们很方便。
06:39
所以这就是。我们要学习的内容,那我们先来认识一下这个,那他说了阿斯奥斯呢,简单理解就是阿贾克斯的一个封装,对吧?那它跟阿贾克斯什么区别,和解派什么区别,我们已经说了,它比阿贾克斯不能说功能强大,它跟阿贾克斯功能是一样的,用阿贾斯能做的事它都能做,对吧?另外呢,它用起来把阿贾克斯简单,因为在阿贾克斯基础上它封装了一层,咱们用的是它封装这层,所以使用简单是这个意思,那和解块的区别呢,咱就不用说了,对不对,只用到了解块里边的阿贾克斯的功能,另外呢,它是基于promise的HTDP库,对吧?所以呢,Promise具备的功能它直接。
07:14
自带promise的那样的结构去应用,另外呢,它支持note端和浏览器端,对吧,当然呢,现在只在浏览器端去使用,那使用pro异步管理,告别这种回调那个,呃,回调机域的一个方式,它本身自带普密的功能,他说了,另外呢,它比阿贾克斯强大几分什么,它给我们提供很丰富的配置项,比如说支持呃,统一的规范的URL对不对,可以多请求啊,并发请求啊,支持拦截器啊等等,然后也支持请求的一个数据转换呢,数据和响应的这样的一个格式转换等等,这就是这个,那当然了,现在我们只是简单了解一下,等我们整个这个课程学完之后,对吧,你就会对它有一个初步的了解,不光是要了解,学完之后呢,你就会使用,当然了,我们在vuee和react里边。如果。
08:02
在使用过之后,比如说所有的全部数据都用它处理完之后,对吧,那你再回过来,那就相当于是一个精通的一个效果了,好,谢谢大家,这节课我们就讲到这里,这节课我们主要就是来。了解我们的呃,X access学习的内容和了解什么是X,嗯,好,接下来我们到这里。
我来说两句