00:00
好来啊,呃,我们先来把我们上一次课讲东西的复习一下,嗯,就上节课我们主要讲这一个头部是吧,我们来看一下。主要是做的就是这个焊的组件,那首先第一个我们先要把这个。组件的静态界面是不是要画出来?这个应该难度不大对吧,可能唯一稍微难一点的就是这个呗。是吧,这个大以前咱也画过是不是啊,就唯一蓝眼就是这个,其他的都没什么啊好。那后面呢,我们这些界面的数据呢,都是动态展现的吧,啊我们来一个个看,首先看最简单的。这样一个数据去哪读。内存里面读对吧,因为内存中是不是存着当前登录的用户那个U着是吧,那我通过谁来去内存里面读。
01:02
我应该有一个对应的模块吧,那个模块名字叫什么来着,叫memory us啊,我们那个内存中存储了一个工具对象是吧?好,这个没什么。这是第一个,第二个还有一个当前时间,那当前时间我们这里面是不是要定一个当前时间的状态,当前时间值怎么得到?很简单,Date点什么?Now,但是这一个是个数字吧,而我是不是以字符串格式的形式显示了?那to讯行吗?把它转换基本的一个字上不行吗?你得是不是把它包装为一个date对象吧?通过date的对象,它是不是有一些方法来着,获取年,获取月,获取日以及十分秒。再给他什么主拼起来是不是就可以?
02:00
而且他这个时间值是每隔一秒要变换,那我们怎么做啊。是不是我们要去启动一个循环定系?那现在问你我在哪个位置去启动。是在外mount吗?不是,是在什么d amount,因为我们启动循环定时器是不是个异步的操作啊,我们是不是说过在层面去做对不对。好,那每隔一秒钟是不是要更新这个值,把那个值从哪来呢?是不是重新获取一下当前的时间值,并且把格式化,那也就是说我们需不需要去定一个专门用做时间格式化的一个工具函数,是不是这能听懂不能好。这个好,以后下一个正。其实大家知道啊,一个大的功能,它实际上是有很多小的东西一点一点的给它组装起来的,那这一个部分是获取的是天气信息,对不对?那获取天气呢,是不是有一个我们需要去用一个接口去访问动态获取啊,那我们这里面用的是百度地图,它提供了一个获取天气预报的一个接口,但是这个接口呢,它支持的是什么?
03:25
接P?那是所有的get请求都支持接身P吗?不是,你要支持接身P,后台是不是做一些特别处理?如果后台仅仅是把数据给你返回,你能用GP吗?不能,我们说过GP后台是不得返回一个函数调用的一个代码。把这个数据通过函数的时差的形式是不是传过来。那明显跟咱平时是不太一样的是不是,所以并不是所有的概念请求都能P,你后台得做点事情才行啊,那我们去发接生P的请求,我们不是自己手动整的吧,而是去通过谁来做的,专门有一个库叫什么。
04:11
接生P这里面要说老师你怎么不用access啊,是不是这里说一下access它没有封装接生P请求。所以我们是不是另外去找过去做呀,这个能懂吗?而且接生器这个请求它也是它本身是通过回调函数的形式来获取响应数据的吧。而我们在处理异步的时候,我们是不是都封装为promise?能听到不,那这个时候是不是要对我们的G乘P的这个函数进一步封装了一个对象啊?这能听懂吧,啊,当然我得到数据,我一共去取几个数据。两个,一个是这个图片地址,一个是这个文本吧。
05:02
那我返回的数据应该是对象不听了吧,两个数据嘛,那不是对象不作吗。那这样的话,我们是不是应该这个组件里面有相应的状态来接收这两个数据吧?这种吧,啊这些基本的操作大家需要去会啊,好这是这个。还有这个。那这个值是不是动态获取的?这个值是根据谁去哪里找到的?根据我当前请求的什么路径,我是不是可以得到当前路径可以,那我能直接得吗?好像还不行。因为我们这里面是一个非路由组件,大家知道这个路径存在哪个对象里面,还记得不location,而我的这个能直接看到吗?不能,那得用谁包一下。
06:03
也就是我在跟你交流这些东西的时候,你要都能懂,那你这个事情都没问题了。那你还不懂或者不太懂自己,稍微多少有点问题。啊。可能你你懂,但是自己写起来费劲,这个很正常。啊好,就这一个,我得到这个pass以后,接着我去哪找啊,找对应的标题,我是不是有一个模块叫menu cafe。它实际上是个什么类型数组对不?我在那数组里面是不是找到一个对应的item数据,它是个对象是不是里面是不是就有一个属性叫什么。Title,当然还有一个属性叫K。而我是不是跟这个K进行什么。是不是比较啊,如果相同,这个title就是我的吧,当然我这个地方真的要注意。
07:01
我可能是匹配的是外层的这个item,也可能匹配的什么内层item。能听到不,这个地方是不是有两层便利,先变历Y层it嘛,接着要便利抽着里面嘛,是不是。叫什么领导啊好。那有了这以后,那个代码基本上按数来说,你是大概是能写出来的,只是熟不熟练的问题。啊,所以也就是说你要有一个基本的思路啊,我做东西有什么条件啊,大概该怎么做,有个基本流程。好,最后一个功能。我们有个什么退出登录的功能,对不对,其实这个很简单,首先我们是不是要显示一个券框啊,这个确框用到MD的一个组件叫什么呢?叫模是吧?啊,有时候也称为模态框,就是个确框,那这个确认框呢?啊,很简单啊,就调用它的方法就行。
08:10
当我点击OK的时候,我是不是要真正去退出的路啊?那那里我可以干什么事情呢?主要是两个大事情,清除user数据。听懂了,不要把U的数据是不是给他清楚了,当然这个U的数据两个地方有一个local里面有,一个是memory里面有,是不是,所以我们两个是不是都要清除掉,清除完了之后再干嘛,跳转到哪个界面去啊,Login登录界面。这个没有多难度,也就说这一次我退出登录有跟后台交互吗?没有没有,完全不需要,是不是,主要是我们维持登录是不靠前台的logo storage内存中的数据,嗯。
09:03
这个没问题吧,没问题啊。那基本上呢,我们昨天就做了这样一些,当然这里面有一个面试中经常问的一个问题,就是接生P啊,解决加请求跨域的一个原理是什么?啊,大家需要能够说出来,先把这前面两点快速的说出来,因为这比较简单。首先接P只能解决什么类型的跨越啊get接着接层P求本质上是什么?不是这请求,而是什么?普通的get请求对不对?能听懂不能听懂,好,下面才说诶它的技术原理,这个技术原理是分三步说,先说浏览器做了些什么事情,有两个重要是一个是生成了一个什么,是的佣先去请求那个接口吧,再一个事情在请求的时候携带了一个额外的参数。等于一个函数名,而这个函数名对应的函数是不是就是错误率响应的回调函数?我提前定好了吧?
10:08
我是不是让后台知道这个函数名呢?好,接着后台服务器端要干嘛呢?那肯定接收到请求处理,得到结果数据,得到结果数据,它将结果数据直接返回吗?不是,它返回的是不是一个函数调用的JS代码?也执行的函数对不对?当函数名怎么确定呢?是不是勾派参数的值啊,接着函数的时差传什么呢?就是我们要传递的什么结果数据了,对不对。听懂了不?那这一个JS代码是不是就交给了浏览器,那浏览器通过script得到JS代码以后,它会自动干嘛?执行这个代码,那执行代码是不是就执行前面定好的那个回调函数,这不就是我们想要的目标吗?
11:00
是不是我们就希望请求成功之后,是不是要去执行回调函数收到响应数据?嗯,这才叫真正的去把整个过程说明白了。就是我跟大家说过的,就是一个问题啊,你手里面要想面试成功,你手里面得拽着更多的一些能够说的很清楚的问题。说的很透的问题。嗯,这样才能保证你的成功的几率会更大。啊,这是这样一个事情啊,前面呢,我们都已经给大家去过过了,那后面可以看一下。
我来说两句