00:01
好嘞,那也就是说咱们刚刚做了一件事啥事呢,就是一点击这个按钮啊。咱是不是通知服务器,你给我存一下。对不,以及也实现了什么路由的跳转,但是你要注意啊,你看有一些地儿它不对。咱就举个例子啊,老是想买一个苹果。买一个这个这个叫什么,一多少钱。哎呀,我的妈格式百千万十万百五百五十万好多,500多万就买它。你看现在记住这个名字。记住这个钱你看啊,以及老师买的个数你看啊,加入购物车。对。哎,对,因为这块咱写的是不是死的数据,但老师问你一件事,你在详情页当中购买那个产品信息,在这个路由组件当中要不要用。要咋整?
01:03
就现在老师问你一件事,就是咱们在详情页你购买这个产品的信息。就比如这个产品的名字,产品的价格。对吧,产品的这个这个描述以及个数这些东西在路由跳转的时候。在下一步当中要不要用。说老师,我知道了,还得做一件事啥。路由传菜说,老师我不路由传菜行不行?行,你再发一次请求。但是你得把产品的ID是不是带。而且是不是要再发请求?但没必要。为啥?因为你们在,因为想在详情页当中,咱们是不是已经发过请求了。而且这些数据拿没拿到。拿到,所以说你还有必要再发几只猫吗?有没有必要,没必要吧,老师什么意思,就是说你这边不路由传开行不行。就不路由跳转穿插把它传过去行不行,行,你在这个路由组件当中再打。
02:03
就把ID带回来。再发请求,这能懂不,但是你想有必要再发请求。没必要,因为你在详情页当中是不是已经拿到这些数据了。这能不能懂,你只需要在路由跳转的时候把谁带过去参数。对,不,但是你要想明白一件事啊,看这。比如说这块老师给你标的这是几,这是三,这是路由跳转,但是你还要注意一件事。你除了路由跳转,你还要咋的?是不是讲产品的信息要咋。是不带过去就是产品的什么。就是在路由跳转的时候,还需要讲产品的信息。要找的是不是带给这个logo总监?说带给就是下一级的就是下。
03:00
一级的是路由组件。对不对。对吧,那你说都要带哪些东西。个数,你刚刚买的个数。以及你这个产品的名字。还有这个产品的图片。还有这个小情信息。老说你带的东西多不多?多咱先咱先不说别的多不多,你先看这。现在老师问你啊,就这个产品的详细的信息在哪,这个数据在哪。哎,对,这还能记住啊,就是说明记忆力很不错,在哪呢?是不是在咱们的,咱们找下看组件身上有没有。是不是在这儿呢,叫做SKU。阴风是不是在这儿?哎,是不是。是吧,你看把它点进来。产品的名字。对不对。产品的详情。产品的价格来,老说你这玩意是个什么鬼?
04:02
对象。你说这路由跳转全参。这么传行吗?知不知道老师要说啥意思?咱们以前路由跳转、路由传参的时候,传的都是简单的数据。三个数字。对不对。你这个家伙,你自己看啊,你要这么传,你传的是一个什么鬼?对象啊,兄弟你自己看,而且这结构复复杂。负责。孙老师,我先我管他三七二十一,我先给他打的。我先传过去看,好不好看再说吧,但咱咱先传你看,但是你得明白是不是得路由传参。对不说老师,那我传传什么词,你看咱的路由老师问你,我带power。你看嘛。来看这啊,咱找一下不是找路由啊。陆游是谁?是你看老师这站位了。
05:01
没有啊,那你说如果你要穿,你只能穿啥。华说,老师,你为什么不写?你想想啊,咱就算带你para,一般是带一个数字。带个啥?完了,你给我带个对象。你看一下你那个路由到时候将来会变成啥样。肺冷懂了不?咱别说多长了,就是你这么一点好家伙,地址。一片。你琢磨是不是这个道理?对吧,咱就假如你想带花,那咱来一个吧,那咱就假如吧,说来个啥花。Qqu长E完老说你,你要带谁?比如说咱去带叫SKU啥info,为啥这次点SKU info,当然你这里面包含这个产品的个数。因为你想想在夏季陆游是不是也得要要要那个个数,这有吗?没有,在哪儿呢?
06:01
是在这儿呢?完了说老师,我再传一个来,你自己看啊,逗号,那这是啥?S PU number等于谁这点s puu。Number,那咱们现在老师问你这是不是路由跳转加代餐来,那咱先看一下看好不好看啊。来盯住啊盯住这一课。来老师往上给你先关了,来选个红色的,买的三个快走。咱别说好不好,看来老师你传的这是个啥?不是说还可不可以,就算你传过去你也用不了。他转啥了?字符串。你信不信?说老师我不信,你不信那能咋的?回到哪儿,回到咱们的这个主页当中,咱是不是可以捞到。来,你看这。这会咱写一个吧,Mount,咱是不是想看一下路由的那些参数。
07:03
打印一下,那这个是谁?那就是这点Dollar。RO root点。宽对不?那咱们先看一下走。来老师再给他回来一下看着啊,老师这回买这个。1000个买一个蓝色64G。来看这儿。看这。走。看这来,老师你行不行?而且它是自动给对象。能不能捞到,但老师问你,你敢没敢地址。哎哟,有点恶心。完对对于咱们言看着还好是吧,还好那老师问你就是这种写法行不行,行,你看个数是不是带过来,你能不能用。能用产品的信息是不是也带过,能不能用,能用,但老说你说地恶。
08:00
这有一说一,真有点恶心,为啥来,你告诉我百分号5BO。GCT100分号20BO那啥玩意。朱老师,这玩意儿我看着还挺得劲,那是你啊,你看下才上线的这个项目啊,你自己看。你看啊来。看这走。老师,买买买两走。你发没发现一件事啥事?我只带了一个东西。SP单参数个数。而产品的详情,我根本没带。那接下来的问题就是。你路由。船餐没有带产品的详情,你怎么才能在在谁这儿,在下一集录制当中能拿到?这里面就会用到一个东西,谁。本地存储。
09:01
其实这里啊,老师还是那句话,这里你直接带宽路径出现这种现象行不行,行,但咱不用这种现象。OK吗?因为这种写法,你会发现一件事,什么事他的路径有点咋的。有点不是说丑,他有点恶心啊。看这啊,那这块老师说一下,看这就是第一种,你能想到路由跳转加传参,这么传行不行。行,但是你这块你看一下他是不是你在跳转的时候,是不是把这我不债给你转成对象。不是把这个对象转换成。是不是转成一个字符在这显示,这根本就没有任何意义,看着而且还咋的。很乱,所以说但是这种手段行不行。就是下面的这种手段,你进行路由跳转以及咋的传递参数可不可以?可以。对,不办好吃咋的。我不,我不采用,我只把谁带过去。
10:01
个数。你看看我是不是把个数带,因为个数它是不是一个很简单的一条数据。但你产品的信息老说你那个参数是不是很复杂,是个对象,对象里边一层套一层。所以你看那现在老师能做的一件事是啥,你看啊,咱再回来看这。老师只带了个谁?看这啊,走走走走N是不是只带了个。数字是不是代表这个个数。那接下来的问题是是什么呢?我怎么才能?把detail当中详情的数据给谁?就给这个叫ad card。知道老师在干什么吗?就是怎么把详情页的产品信息给谁送过来。给他。我告诉你方案有很多,就像咱刚刚那种方案行不行,行,我再说一遍行不行行,但地址上看着有点早的恶心。
11:02
这里面咱正好用一下谁。本地存储当年是不是学了存储?而且存储咱学了两种,第一种。本地存储local story。第二个会话存储session。那这里面咱们正好说一下用谁,所以说老师把这块先给你咋的了,先给你放在这儿了啊咱要说一下谁。走看这吧,哎,看这咱这里面说一下谁啊,就是这个这吧,老师做一下笔记,因为他面试的时候,他经常的经常问。呃,这个老师找一下看这啊。老师把今天所做的每一件事,我都给你做了个标记,省得你们到时候晚上做做东西的时候不知道咋的。从哪开干,干啥?这能懂不?张老师,昨天晚上我闲着没事。把今天要干什么,一步两步,三步,四步,五步六步,大家给你罗列一个方向,你晚上看这个标题是不是一件事一件事去搞就行了。
12:06
好吧,那这块呢,一定要注意咱说的是哪,是不是是不是这呢。对不,那这里老师说一下,看这。咱当年学了谁本地上?存储,它是H几当中新增的。它是H。对不?那说一下什么是一组啊?一定要记住,本地存储就是存储,功能就是浏览器。浏览器。的存储功能。它是HTML5中。新增的什么是HTML超文本标记语言的第五次重大修改?因为咱们这门语言。知道从几几年有的。九三年。
13:02
OK吗?也就是说这二三十年的时间之内,它更新迭代的预防有多少次,五次。OK吗?叫第五次重大修改。你想想你小时候。我不知道你们小时候改没改,就你们最小的时候,你那个电视不是不是电视,你们电脑你会发现以前的时候是不是只能看文字,看图片。甚至都玩儿不了啥。甚至都看不了那个那个视频。我不知道你们有没有经历过,就以前最开始就是只能看图。那可能没见过,就是那种,我以前打游戏的时候毛腿是那种。就那种。就是后面凸起那种一大波嗡响。所以一定要注意T5中新增的功能,而且它分为什么?分为本地存储。本地存储和绘画存储。而且要注意将来面试的时候。很多。
14:02
面试题会涉及到H5,他问你H5当中新增了哪些特性?你自己想想新增了哪个。就假如说我是面试官,我现在问你,我说HTM当中新增了哪些的特性。楚楚呗,新增了一些标签。Mean,哪里hi f对不对?新增了一些CSS动画animation。对,不是不是C3。对不还新增了啥,新增了一些多媒体功能,Video audio。对不对。对不对,对吧,新增了画布。文学呢,到时候老师问哪天有时间给你们讲讲?对不新增了一些啥,新增了一些别字。这不以为学,就是那直播。就比如说虎牙。有一些网站是不是有直播类的那套碟字叫。
15:01
这些都是H股当中新增的等等等。OK吧,所以说本地存储和话是H5当中新增的,它是什么功能,是不是给浏览器新增了啥功能。是不是存储功能。对不对,对吧,但它两者有没有区别。有,首先说本地存储,它存储数据是咋是持久化。什么叫持有?你只要你不删。它就会一直有,哪怕你电脑关机,浏览器关闭,是不是都有。但是你要注意,本地存储的数据是有上限的。多大?五兆。这里一定要注意它存储是有上限的,多少兆。有道理。这玩意得根据不同浏览器厂商大概大概就。OK吧,那还有一个是啥。Good。会画孙储老师,你是不是持久化?并非啥。持久化,什么叫并非持久化?如果说你浏览器关闭了,电脑关机了。
16:03
老师问你什么叫绘画?来。这是不是浏览器,我打开这是不是一次回话。我关了。会话到的结束了,来,我再打开一个,这是不是进行一次规划,我一关了规话是不是结束了。所以一定要注意事,什么事会存储是并非持久的。OK吧,会话结束。数据就咋的。就消失。那老师问你一件事,咱们应该知道VE和react开发都是什么页面。单页面?什么是单页面?咱最简单的例子是不是就一个静态页面?那老师问你一件事,你说咱们在这儿想从谁,那想从。Detail看着啊,想从这个detail把这个产品信息,它是一个对象。我是不是要要要要咋是不是要通知给这个logo组件,那老师问你,咱这块的最好的选择是。
17:02
通谁是local story还是story?说老师local story没必要,Local story是不是持久化,你想想吧,假如说这个产品的信息,我这一关。是不是就改了?对不对,那假如说用户我就我买的产品很多对吧,你建一个,你用本地车主存一个,你建一个存一个。有必要,没必要,为啥?因为这样和用户操作的频繁的时候,我告诉你本地存储的存储的空间都大。都不够了。这能懂不但是五兆够不够你用。绝对够你用,但是咱们这里面为什么要采用绘画图,很简单,你是不是就在这儿展示一次就完事?你下来你再来个别的产品。你看吧,假如说咱咱咱再来个别的产品,咱买一个啥可以靠,就比如买它买厉害。对不,那就比如他你再来,我是不是再展示一次就行了,你绘画一结束是不是就不聊了?
18:05
就这能懂。能不能懂,所以说这块一定要注意,咱们还要做一件事,啥事,就是简单的数据咱们通过什么带去。就是来来来看这儿就是一些。简单的数据,就比如啥这个SKU啥。Number。它是不是就是一个简单的数据nu,咱们就通过什么,通过query形式。给路由组件是不是传递过去。哎,不是过期,是过去,而咱们这种像这种产品上。信息的数据,它比较咋的。比较复杂,就是谁就是那个PU。阴缝它是个对象,对象里面老师问你套一层是不是一层一层一层的。对不就比较复杂,那咱们通过什么进行存储。
19:00
通过。啥呀,绘画存储。这玩意儿的好处是啥?不持久化。对,不用过,就是绘画结束。绘画咋的?绘画结束了,数据在哪?贼消失,那老师问你啊。老师你啊。看这就是从这跳到这,我问你是不是一次归还。是不是?诶是不是是吧,因为这个网页你想想咱是啥六一是不是单页面。我这块从来没打过。没结束,这次规划就这能往向走。这能相等。能相等的绘画连结束都没结束呢,我问你这个数据我一直用行不行?行,但是你一关。Main。这能导钩,所以说咱这用啥用会话存储,但是你要注意会话存储咱们应该知道,不管是本地存储还是会话存储能存对象。
20:06
完了。想想宇哥啊,当时讲本地存储应该是在什么时候,在那个特读例子。就是本地存储或者会话存储能不能存一个对象,因为咱们的SQ音符老说你是一个什么鬼对象,那本地存储或者是会话存储能不能存一个对象?不能。为啥?好,说老师可以来。我先把这话给你写上,就是不管是本地存储。还是谁?或者是绘画存储,记住了咱们一般存的是啥?一般存储的是字符串,说老师我就想存个对象,好,那咱就先存一个,你看行不行。对,不行,什么行,Session storage side。Item。对不?咱起个名字就叫SKU info。
21:02
来段skin。Fo后边是不是存储的那个值,老师问你,我这么写,写的是一个啥。是不是对象?咱们可以看一下,你自己先瞄一眼走。看这现在只要老师一点击这个按钮,你看会话存储这里面是不是会多一条处理,看这啊,记住了走。喜欢,一定见过。完了,你这面捞的时候来给咱看啊。哪面高?是不是这个这个这个组件。咱找个地就在这吧,那这个咱是不是用互外参数获取来。Session storage.get。那这块叫啥名叫SKU。那你看你捞的是什么鬼?老师,你绘画结束了吗?没有,那我一刷新你看啊走。来。万达。老师,你这玩意儿是个什么鬼?
22:02
字符串别碎了,别碎了啊。你看是不是一个字符串,那老师问你说你现在想捞那些产品系,能捞到捞不到。当年宇哥应该说我。就是策划清楚可不可以存对象,不可以。你要先把对象变成啥字符串存储,接下来到字符串是不是在转对象。诶,对不对吧,那所以说一定要注意,以后你给我记住了,本地存储和绘画存储不允许存商。处对象,那所以说咱这得咋的。把它转化成字块进行存储,那叫接分点,昨天学过吧?String fly。叫z.SKU info,那你这回再看看你存的是个啥?刷新。来得回来了,来那当然啊,老师再进行操作是不会进行覆盖。对不来买个599。
23:00
到application定住这啊,我定住了啊走你看。存的是不是一个对形,不是存的是不是一个字符号,那当然你捞的它也是一个啥。说,老师,你咋知道这玩意是字符串呢?A第一个是黑色,第二个如果是B2是不是有个小球球一点,是不是上下这个点。所以说你这块能通过点语法捞到捞不到,所以你还得把它变成啥。变成对象,那怎么变成对象?接上点。对不,所以这块咱就别这么写了,咱给他直接计算出来就行了,糖paid。对不,那咱这节的SKU这个老师在哪个组件呢。是不是这个加入购物车成功,这个组件叫SKU啥?音老师给他计算出来,直接用就行,对不?那就re啥塞错了杰森点。Pass session storage。
24:00
Iter那个K叫啥?是不是大写的叫SKU耶,那你这回再看一下。你看啊。耍的心。找一下。有没有?有了吧。这没问题吧,你说该怎么用怎么用。那这块呢,老师想显示这个产品的,呃,显示产品这个啥呀。呃,咱找一下是不是这个一个一个找第一个是不是产品这个名字。还记不记得是哪个字段了?叫S。Ku音符像是不是就叫SQ内?对不,那所以这块你就直接怎么了。是不是替换?这块叫啥叫做SKU。info.sku那底下这是不是详情?对不,那这会换成谁?SKU info点啥玩意,什么DEC是不是这玩意儿。叫SKSC,那老师问你这个二是怎么来的个数。
25:05
是不是通过宽呗。是从块里来的,所以这块咱也插个胡子,叫Dollar。Root有字吗?没有点query.sku。对不?哎,对不对,那当然这是不是还有一个啥。图片你看咱这个图片,现在是不是啥都没有了。看这吧,对不,那他应该是。叫我下了。是这个是这个SKU default谁image咱给它捞过来,那这块咱得写啥,是不是写动态。对不,那这块换成谁。叫S。SQ info.default image,你看这回是不是就OK了?但还是那句话,当老师这次绘画一结束,我问你绘画存储数据是不是就没了?但现老师问你,我刷新都刷新掉了。刷不掉,为啥?
26:00
会话没结束吧,你会画没结束,我问你是不是就一直有那当然有的同学说,老师我不想用会话存储行不行?用本地存储,不建议。因为你像咱这块展示购物车,加入成功推销数据,我们你就只展示几次。一次你退回来数据是不是应该就消失?不是数据小时,就是咱刚刚展示那个数据,数据是不是还是有啊,在这要注意这是还是有。是不是还是有,但是你要明白先生什么事,我这一关。我问你咱那个详情的展示详情就刚刚这块。就比如我绘画一结束。哪些网速?哎,这个网速啊。哎呀。哎呀,手机是不是关机了,看一下。好家伙,关机了。稍等一下,你要明白一件事,什么事就是当老师,比如这次会话结束了,我问你,咱这块数据是就刚刚显示那块数据是不是不要就行。
27:01
对不?这能不能OK?可以吧,所以说一定要切记一件事,不管是本地存储还是会话存储,一定要注意一件事,别给我存上。对象。OK吗?O,不OKOK吧,那我说你我现在这一关闭规划结没结束。结束了,那我问你会话存储里面那个数据是不是就消失了。对,因为你想想在在那个购物车展示成功那块,我问你他只展示几条数据。就这。对不,你买A,它是不是展示A,你买B,是不是展示B。这能懂不?你不需要用本地存储,把你曾经所购买所有东西全砸了。全存起来吧,没必要吧,你只是说你想看谁是不展示谁,而且浏览器一关是不是就没了?OK吧,好嘞,这是它。
我来说两句