00:00
好,那准备好以后呢,下面我们就要开始去写我们的那个头部了啊。把这些都先关了,我们头部组件要写一个动态组件,找到我们的看。是这个吧,嗯,来。且它呢,大家知道我们这个头部组件的界面,它是不是一个变化的。就产生变化动态的一个界面。嗯。哎,加等压哎。那这个地方你就要分出哪些数据,它是变化的。能听到吧,嗯,OK,好,来看好了。比如说啊,这个应该是从我们的那个内存里面的优点里面取出来,是不是就好说。那这一个时间它是不是动态在变呢。
01:03
是东的就应该涉及我的状态,是不是这个呢。是不是从后台获取的两个数据,这也是我们的状态吧,等到获取来了,是不是可以更新状态。能听懂吧,这个呢。这个。这个这个类似事情咱做过,咱要根据我当前请求路径。去那个我们是不是有一个menu的数组,有吗?有从那个里面是不是找到一个对应的title是吧,这个时候有一个查找的过程。啊,这个我没有把它整成我们的状态,我们到时候有一个查找的过程,等会我们给他看一下啊,大家看好了。好了啊,来,怎么撕了?啊,我们,嗯,是这样的,先来设计一下我当前。主见有这么几个状态。一个是当前时间。
02:04
写个名字,当前的时间。对,取个名字啊。比如说current time行不行,各位可以吧,那一上来要给他一个正确的一个初始值吧。这个怎么得了,大家知道当前时间是不是date点到啊,但是有个问题。是一个良好的格式吗?不是,它是个数值是不是?而我们是不是要特定格式的一个字符串呢?这怎么办?出去就好了。怎么它没有这么好的语法,够用吧,是不是我得是不是自己去生成这样格式的字符串了,那这个怎么做呢。这个我其实是这么做的,我专门去定义了一个模块,你看叫date啊U模块。
03:05
这里面主要是关于日期相关处理的啊,其中就有一个方法叫form。啊,这个函数因为比较简单,我就不打算再写啊,它是传接收一个时间值。能懂吧,如果你没传,直接给你传返回一个什么呢?空串。那否则啊,如果你传染,那我是不是先。你有一个相应的对象,就date,对不对,你date出来包装成date,接着通过date就有相应的一些方法。这是什么?获得一个四位的年是不是啊,完整的年接着获取什么月,但是有个问题。它小了一,也就是说比如现在是多少几五月,那它返回的什么是四日老外从零开始。能听懂,那我们从一开始是不是,那怎么办,所以说就要加上什么,以年月日之间用什么连接。
04:08
我们中国人喜欢是用杠啊。这是不是得了,得到这个日对不对,好接着得到小时,得到什么分,得到什么秒,中间有什么规看冒号连接是吧,看到了。这个我就不再去写了,这个写下就没什么意思了啊,但大家倒是可以,你们可以写一写,熟悉API也可以,你要不想写,觉得很懂,那也没必要写了。来。你要不太懂还是得写一写啊,把这个搞过来啊,再去创建一个。嗯,JS模块是吧,名字就叫dates。好给它搬过来,那接着我在这边得给他进行什么引入,对不对啊,引入大家看啊,我这一个是。
05:06
是一个没有用地破的吧,是分别暴露了,那我直接可以取到他吧,只是我这个时候得用什么大号包起来呗吧来。接着是我们UUS下面的data UUS是不是得到这样一个函数,接着我怎么办?是包一下就行,是不是当前时间啊,但是啊是一个当前时间是什么字符串格式对不对。听懂了不好来,下面还有什么呢?还有两个数据是我刚才在我的这个接口请求函数里面。是不是给你返回查过来两个数据。最好用他同样的名字,是不是到时候方便一些,这个实际上是那个天气的什么图片ul对吗?
06:11
还有一个是那个天气的什么呢文本。嗯,当开始什么没子对吧,这吧好懂好,而我们的里面的显示是不是读取这三个数据显示的。明吧,那我先把这个读取的显示代码给写好,是这些简单一些,先写一写这写什么是对,是不是解构出来这三个,嗯,对,这是一个Y的,又是一个是吧?那下面是不是拿着这个东西给了什么。显示出来对不对。这是那个时间吧。
07:01
这个是不是对应那个图片地址,也就是他呗。用一个什么打括号括起来对不对,这个是一个什么。Weather。没问题吧,没问题好,比如说这个怎么办。设了一个是不是用户名,用户名我们也可以去取吧。举一下,不学我们是不是放到我的内存里面呢?我需要找到我们那个工具叫什么memory。哎,这个不用,这个不用大框,它是默认菠萝,是不是接着我在这里面取出来U的怎么取呢。User单,甚至你可以把那个user name都可以什么取出来。听懂了不啊,当然你可不可以解构,可以啊,那此时正面就欢迎什么有类。
08:11
这能弄不能弄好,那这个还一个这个数据稍微麻烦,等会我们再写。下面我们要整个是啊,先整个简单的,我的这个时间怎么让它变起来,这个好做一些。大家看着啊,现在我肯定没有图,没有那个图片是吧?来这个地方啊,我们是不是应该每隔一秒钟是获取了当前时间显示是吗?那这个地方得用什么循环定时器。那我在哪里去启动循环定时器呢?启动渠道定技师啊,是不是异步操作呀,我们说过异步操作应该在哪做来着。Component,哎,能不能直接用直接提示出来还挺好,是不是不是component呀,哎,这个地方是在什么时候执行的,这个函数在第一次什么的,是不是之后执行,我们一般在这里面干嘛呢?这个执行一次吧,是。
09:27
一般干嘛,一般在执执行异步操作,当异步操作就包含常见的两个发,呃这请求对不发请求,还有一个什么。啊,还有一个就是启动什么定时器。能听到不写成明晰好了。那我该怎么办?接着我们先搞第一个是不是启动定时器啊,来这个启动定时机的这一系列操作,我们这样啊,可以单独写的话叫get。
10:11
啊,Get time吧,写简单一点啊,把单独写到一个里面去,去获取当前的时间,什么意思?我在这个方面实现我时间的一个更新的功能。那在这里面是不是需要去启动一个set Bo?循环电视息吧,每隔多长时间执行一次,一秒钟,我在这边干嘛去嘞?是不是获取当前时间,每隔一秒钟,记住是每隔一秒获取当前时间并更新为状态,对吧?更新状态数据,哪个状态数据啊。
11:00
Car time是吧,那我就可以先是不是得到一个time组的,其实就是把这一个代码给他什么。拿过来执行一下对不对,下面是不是要去把这个值更新为这个状态,那我叫什么this列set state。最简单的写法。他这是好一种语法,最简单的写法是写这个。这个比较简单。我们说除了这种对象的语法,还可以穿什么?以前用手语法。一直用这个是吧,除了这个没有别的吗。啊,有别的,但是我们先暂时用这种啊,到时候会有别的,我们到时候再说啊,没讲过更好,没讲完就是我表演的机会是吧,好好这个能懂吧啊。好,这是这个,那也就是说现在来说应该已经可以进行。
12:02
更新显示了。这没什么吧?这个能不能懂,能懂啊行,这样的话呢,这是我们的这一个,就是去干嘛呢,去不断的去显示当前时间是不是。好,除了显示时间,我是不是还显示当前的这个天气,那同理呀。获取当前天气显示是不是来?那我就搞个this.get。那我是不是要单独去写一个方法。啊,当然你也可以直接写在里面啊,只是我想做一个好的封装啊。那这个时候我们是得去调用我们那个呃那个呃,这请求的接口性函数,当案是一个千P的请求,对不对,能听懂不?那我也就是说我得先干嘛引引入啊,引入一下是不是他from。
13:13
这也比较简单,API够了是吧,我要调用它吧。那来调查一下,接着呢传一个什么,注意是不是传一个C体的名字,真的不,而这个返回是不是个promise,那我应该怎么做啊,我肯定是想得到结果了,是不是,那想得到结果就是awake,那awake呢,这边就应该是什么a think,那这个结果是一个什么东西,是个对象,对象里有什么东西。有这两个属性,那我是不是可以解构出来这两个属性。对不?
14:01
懂不懂,嗯,调用接口请求函数获取数据对吧,好来获取到数据之后呢,是不是就可以干嘛,更新状态呗,是不是this是点什嘛,S是这条,那得了,那选它呗。哎,已经认识对象了,啪嚓一下,后来。状态是不行了。能看到那一装它一更新,我是不是就会重新扔的,重新扔的我这个天气信息就更慢。是不是显示出来了。不就这么回事,还想着嘞。能听懂不?嗯,那这样的话,我们的日期时间以及天气是不是都搞定了,就差他了,是不是他我们会再来搞,先把这个题。
我来说两句