温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好了各位,说完了这个用fetch写这个搜索案例之后啊,我们就把github搜索这个案例呢,就整体都写完了,回到代码当中啊,我把脚手架呢停一下,固定的套路就是src呢,我要再复制一份改个名字啊叫零七_src_github搜索案例下划线fetch啊用fetch去发的请求,那么把这案例讲完之后呢,我们写了三个版本的github搜索是吧?那从这个案例当中我们能学到什么呢?诶干货给大家整理好了,来到这儿。二、github搜索案例相关的知识点首先第一个同学读叫设计状态时要考虑全面,例如那些带有网络请求的组件,你一定要考虑请求失败怎么办,对吗?同学你觉不觉得来回到代码当中,你往上滑动,当时你在考虑这儿的时候,你觉不觉得考虑的太片面了,哪儿呢,就是这。
01:00
你管它叫list组件,你只考虑到了一个事情,就是这个组件里边要展示一堆人的信息,你却忽略了这个组件里边能展示第一个欢迎信息,这个里边能展示loading,这个里边以后还能展示你搜索如果没成功出现的那个错误,对吗?所以说,哎,这就是我们给大家总结的说一定要考虑全面,例如带网络请求的组件,基本上你都得要有一个状态去存那个错误,对吧?好了,第二个ES6里的一个小知识点就是解构赋值,加重命名是吧?那么这是一个对象,我准备好了,那么蓝色框里的代码呢,就是传统的结构赋值大家都懂,那么粉色框里的呢,就是连续结构赋值,对吧?解构完了再结构,那么橙色框里的呢,就是解构连续结构哈,然后再加上重命名,OK啊,虽然这个写法吧,用的也不是特别多,但是大家呢,也得了解一下,然后咱又讲了这个消息订阅与发布机制,对吧?原则就是先订阅再发布,同学理解,有一种隔空对话的感觉,我不管。
02:00
那你在哪,我也不管我在哪儿,只要您订阅了这个消息,只要我发布的是这个消息,你就一定能收得到,对不对?那么第二个同学就是适用于任意组间件通信对不对?同学你都隔空对话了,那你说是不是适用于任何两个组件之间通信啊好,那第三个就是要在组件的component view on mount中取消订阅,为什么呢?因为这组件都没了,那为什么还要订阅这个消息呢?对吧,一定要记得取消订阅,然后咱又讲了一个fetch啊,发送请求的新方式,它和叉HR呢,你可以理解为两个亲兄弟是吧?叉HR现在基于叉HR封装的库啊,比较多,那你比如说这个JA query啊,你比如说啊,其实还有一些别的,你比如说之前还啊,这个有过谁呢?这个zip two啊,对吧,这个zip two其实呢,跟这个这块的也挺像的是吧,但是这东西呢,现在用的少了,哎,所以说很多同学啊都没有学这个可能啊,很多视频也没去讲对吧,哎,就是基于叉。
03:00
X,做封装的库呢挺多啊,其实现在基于这个fech封装的库呢,也不少啊,但是啊,同学什么东西都是先入为主,你像anxious这么经典的一个人对叉HR的封装,而且依然不断的在完善和更新,那所以说呢,还是以这个为主,好吧,Fech呢就了解一下,首先你需要等第一步就是看看到底能不能联系服务器成功,那么第二步他才把真正的数据给你,有一种感觉,明明一步可以办到的事儿,它拆成了两步,对吧?哎,这就是fech发送请求,它是一个关注分离的设计思想,对吧?哎,关注分离这是一个关键词,这是一种设计思想,或者说一种设计模式啊。OK,那从这个案例里面呢,我们学到了这么多,好吧,那这个小节呢,我们先停一下。
我来说两句