00:00
啊,我来看看啊,其实咱们说之前我也给大家讲过,我们说咱们写这个无缝花瓶的时候啊,啊,我们来看一下,我们说这么写完就完了吗?把它放进来就完了吗。还有没有同学记得我当时写这个空画面时候跟大家说一句什么吗?我们说咱们写这个东西的时候,只考虑了一个方向。我们要考虑两个方向是不是OK,我们先把这个自动轮廓停了,暂停。把它去了是吧,这个是不用滑平这个么,你的高度干掉是吧,好,这个轮轮为不让你轮么,是不干干净净的直点CTRL是不是在这好我们来看看其他的一些成熟的概念,好比如淘宝。是吧,前端行业的标杆是吧,好刷一下OK,比如京东OK,好爱喝奶茶的这种走。
01:06
啊。马云有一句名言,是不是?我熬夜工作的时候,你还在喝奶茶。看还有什么3W点一号店啊,一号店这里好,还有什么大,还有什么你们可能比较。知名一点的唯品会,亚马逊,我这是什么?女神节什么鬼,这个轮播图都不好看了,今天太花了吧,怎么那么花?还有什么?还有三点比较有名一点的。苏宁看一下苏银。
02:06
OK是吧,这边是不是这是吧,你看他们估计滑头都会动。啊,这是我看一个东西,我手机上看滑头都不懂啊,我感觉我有点。啊,都是京东西的啊,除了淘宝。是吧,OK,那最后再来看一看吧,看一个垂直比较像嘛。以前的。你这不是在京东的吗?这个锤子吗?那不是他有那移动的吗。啊,这是垂直棒棒。是不是?也就这样吧,啊还行,看看白这个是不是一个什光是吧,是好我来看,好我们一个个看,先看淘宝,好你看他们是不是自动在播啊,你看我中下滑的时候轮波没动。
03:17
是不是在自动轮播,轮播图有没有抖。轮播图有没有斗?懂了没没懂谁在走整个竖向的这个什么内容去在走,是不是这个轮播图都没有动啊。是不是好看京东?有没有,我说下话有没动?你看我宿舍玩时有没有动?轮播图也没动是吧,整个内容去干嘛在抖。是不是走,你看一号店。在等轮不在不在等,在等是不是OK以后不用。
04:04
好,苏宁走点轮廓不懂没有懂,好看他轮廓在懂基本都不会懂是不是啊,OK,好,那咱们呢。咱们来算一下竖向华得不得。看到没有,是要走,他能走吗?肯定不能走啊,你竖下滑的时候吗?不应该他才才能走动啊,那老师你这个太苛刻了啊,不是我苛刻是什么用户就这么苛刻,能没讲OK,你们平常可能不会这么玩是不是?以后我保证你们去看龙国图,首先看书下花走走。啊,OK,好,这叫用户体验,能不理解啊,你要跟用户讲道理。还不如给女人讲道理是不是啊?OK,来看一下这里,好,来看一下,那我们应该怎么写?
05:01
现在是不是有抖啊,不能让他抖啊,这样我让他这个无缝就啊不要无缝了,是不是这样我们也能看清楚啊,来看一下怎么玩,但是啊,如果我想这么滑,不然他产生抖动的话,直接把什么逻辑给解掉就行了。手机的逻辑来看一下,那我们能改这个业务逻辑吗?好,我们应该改这个逻辑吧。哎,想想这个东西怎么改,我们说,哎,无缝滑冰可以滑动是因为谁啊?是不是讲?是不是之所以无缝滑屏可以滑动,就是因为触发了这个逻辑?是不是我们把这里面注释可以清清吧,不是把这个什么这个代码是可以清清清清了这些东西的话,应该比较熟了吧,这里干掉。
06:07
啊,这个留着好,也就是说大家想现在咱们是不是只判断了一个方向。你看我们在写的时候,你看我们在写这个是只判断一个方向,现在需要几个方向上。是不是我问你这样,你想让他不走的话,你就什么Y轴上面走的几率如果比X大的话,我整个塔西部的逻辑全部剪掉。是不是这样道理啊,就当我竖向跑的时候,你在Y轴上面走的距离大于X轴了,那我整个它这步的逻辑全部去掉。是不是真的,现在咱们是不是只拿了一个方向,那怎么办?不好意思吧。画一个当干掉,画一个,再画一个什么。XY嘛,是不是你默认是不是都等于零,在你干这个不要看了无缝的嘛,那就不看了,折你我干嘛,我们说你在这边去拿的话,应该同步几个了。
07:16
同几个了,两个了吧,你这个是大Y等于什么?等什么?吗?是不是还有什么element?Y应该等于什么?w.CSS啊,这个东西是什么?全外吗?咱们这个组件里面有没有对全身内外进行一个监控啊,有什么是不是啊这里啊再来看还是怎么写,还要怎么办。然后呢,然后我们是不是上来干嘛,在你他的时候应该拿几个。一个刀万等于它是这点,看它然后呢,画一个什么第。
08:06
Y等于什么?No y减去,当Y是不是位移的时候,要不要考虑DXY不用,因为只要你艾特上面有个吗?是不是,只不过这边现在要来个判断了。隐什么,如果我问你,如果这样话,算算不算话?算这样话是不是算在外上面画。你说你这样划算,在外上面话,这时候这个DIY是正常负责。正值吧,这样的负值吧,可是算不算在Y轴面画是不是取绝对值比大小是吧?OK,怎么办,我们什么。卖什么?A是什么?D如果大于什么点什么ABSDSX说明你在哪个轴上滑的,Y轴说明在外轴上滑,一旦你在外轴上滑,我问你下面这个大点CSS这个逻辑能不能执行?
09:22
能不能,是不是这个逻辑不能被他执行到怎么办,直接。是不是就可以了,那防抖东是不是就做完了。是不是在哪来看一眼。刷一下大家看还得不到。得不到,往上滑得不到。懂不懂?不懂了吧,这是谁啊?啊,田馥甄吧?我说那么眼熟,好,来看一下好不懂了吧?可是我问大家一个问题,我是不是只是单次画就不懂了?你有没有可能这么画?
10:10
心情不好的时候嘛,就反正就干嘛,就这样画吧,我觉得你们班肯定很多人都会这样,你还可能在上面画圈圈,画五角星,是不是跟用户,你跟用户讲什么道理啊,我说用户划的时候就应该一根手指啊,轻轻的划,我跟你讲,我平常划起来时候,我就这么划。你能拿我怎么办,是不是啊?那我问你有没有可能这样的,你划了个V字形。我问你,你这时候滑的话是怎么划的,是在X上面滑还是在Y轴上面滑?不是你这样画肯定在外侧上面画的吗?是不是啊,你要是这样画的话,就是在X上面画吗?就我问你,可是按照我们现在逻辑,取绝对值比大小。DX跟DIY啊,DX跟Di DIY,我问你按照我们的逻辑,你画这个B字形,你在哪里知道吗。
11:09
是啊,因为我们X上面产生了位移,外方面没位移,外上面不是水平的吗?现在没有产生任何位移吧,爱上面是不是产生的段位啊。是不是这样的话,用我们代码的逻辑的话,我代码会认为它是在X啊,是不是会不会产生抖动。你看我说你看画一个V字形,V字形V字形是不是,你看我在淘宝上面V字形V字形轮廓图动都不动。是不是你看在我们这上面V字形狗。动了一下是不是怎么办,怎么处理?怎么处理?来看一下淘宝到底是怎么处理这个逻辑的,好,大家看,如果我首先首次上来是在X上面划的,看我首次上来是不是在X上面滑,以后不管你怎么划,它都会动。
12:12
你放到这边滑,他才能走哦。不管怎么画,他都懂。懂吗?走,你如果你上来首次是在Y轴上面滑的。以后不管你怎么划轮播图,抖都会抖。的是什么?走的是你下面这个内容去问你以后我们做内容去的时候要不要做防抖洞。看我在内容区横向华。你看首先再来横向滑,横向滑在抖在动抖吗。不等,纵向方是不是都在等?内容区,内容区以后这个花瓶的防抖洞是不是跟我们这轮正好是反过来的。是不是,可是现在看我们首先在什么轮播上面干嘛,我们么纵向滑下。
13:01
你在横向滑他都不懂不懂,横向上面再滑下,在纵向滑懂不懂懂,也就淘宝其实这么做的,他判断了用户的首次发屏方向。如果你手是在X上面的,那我这个无缝花瓶永远都不会。不懂你是什么,首次是按上面,我画面永远都会懂,不管怎么跑,他永远都会懂,是不是,如果你首次上来是什么。外面划的,以后不管你怎么划,他都不会的。是不是真的?也就是说我们处理这个逻辑还没有这么简单,是不是啊,OK,我说什么?我们来写一下这个房子的逻辑。OK,我写到哪?我选择这边吧。防抖洞的逻辑,嗯,那最后选择这个组件里面好不好,这是不是干嘛滑屏了再来算这个防抖洞。好,怎么去防止抖动。
14:03
好防毒动的逻辑。首先我们得。干嘛?注意哪些情况?第一,干嘛判断用户干嘛?首次花瓶的发酵是不是OK,如果是。X轴怎么办?以后不管用户怎么划。都会抖动。是不是如果?是啊,外轴OK。以后干嘛,不管用户怎么划。都不会。
15:04
这个防毒的逻辑能不能懂?现在思路出来了,咱们就去干嘛,用代码实现它是吧,怎么实现它。来,OK,好好,我抬起头看,正给你们敲代吗?看一下好,我说么,我们能不能,哎,我们说什么?要判断两个东西吧,一个是你滑平的首次滑平的方向吧,在想是不是首次滑平的方向,否定义两个变量,这两边看啊,就是首次画屏的方向,它就是用来确定手次滑方向,我画一个意思。XOK等于什么呢?上来等于OK,如果他代表是在,如果在不在外,OK,我还得来个边一个意,OK他也没出啊,判断是不是首次滑吗?
16:08
就就这两个变料讲,我问你现在在我这个他里面如果进入到这个里面了,我问你我我应该怎么办,也是什么,也是X应该等于什么。因为你这里是在外传的话。是不是以后只要进到这个它前母逻辑里面干嘛验判断一下什么,判断一下你这个也X是不是为错,如果你这个以X为错,要不要执行后面的代码。也X如果为错,代表在X上面滑,要不要执行后面代码,要如果不是错怎么办?直接给你R油1900。
17:02
我是不是只判断首次啊,是不是以后你再来频繁出发,这个他是干嘛,首先看一下你这个X是不是,首先看下你第一次这个X到底是。去还货少。是不是的,这相当于是干嘛,我说我写了一个看门狗,干嘛进来干嘛就给你咬住。是不是在哪?好来想想,大家看看看我们的逻辑,这点说一下,你看我拼命完时候他吗。不多了,你那是不是我第一次还他反而干嘛?来我说一下,第一次还时候反而给我抖了一下,以后你看他懂吗?你看我屏幕还抖吗?是不是不抖了?为什么上来第一次给我干嘛?第一次的时候给我干嘛,对我一下,这为什么?我问你第一次进来时候X为什么错,记不记这个逻辑啊?也是X为的时候进不进的逻辑啊,不进没有做是不是,可是走到这边的时候,说明是不是在外上变化了。
18:05
在外上面的话问你第一次要不要动。在Y轴上面滑,如果你第一次上来就在外轴上面划的,是不是上来把你,可是这行代码能不能让他执行。你第一次就在外转面,画的很明显,第一个看门有没有咬住?是的,你进入到这个判断里面去了吗?问,你还能让他执行的这个代码吗?不能,你是不是在这个判断内部干嘛,你验得干嘛?Re e是吧,这个人说你懂嘛,是啊。干嘛首次方抖动?是不的,其实这个开门在干嘛,都是做什么,二次以后的方都懂。
19:06
这能理讲是不是这样的,好来这时候再看只你我刷一下,你看诶他多吗。动啊,是不是不动啊是吧,在是他肯定不动啊,为什么啊,你得吃回啊这几个字在哪边自回来他其他的时候吧干嘛。把他们统一什么?自身去啊。制成初始值啊,重新再来一遍吧。是不是在这方,在这个叶之间,他知道是干嘛,最后啊,把这几个字干嘛重新制成。这是什么?么这去吧,这你看一下上来OK,你看是不不懂,你看主要我如果是外上面的,你看是不懂,如果是上面的。
20:00
是不是就短。是不是外上面不懂吧,X上面懂吧,是吧,是,可是大家有没有发现我在X上面划的时候,你看划着划着懂吧,你看我上面是不是在X走,你给我划着划着不动了吧。这是为什么?是不是在YX轴划的时候,划着划着有可能他认为你是在Y轴上面滑,一旦认为它在Y轴上面滑的话,它是不是又进入这个判断。干嘛把这个又制成了复式?问,你这个判断能走几次?就一次,这是做首次判断吗?你看这不是首次防抖洞吗?这个判断自始至终在一次他知道他节目他按的这个逻辑当中,只让他死一次吧,一个逻辑,一个逻辑只执行一次怎么办?叶,我外面不是有个变,有个什么变成什么意first上来是OK找你,你上来就是进来,就把你变成了first是吧?只要你手指不抬起来,干嘛永远不给你智慧啊,那这个逻辑始终只能走。
21:12
一次,也就是说我通过这两个变量,通过这一段我才实现了我的什么?首次判断用户的滑动方向,拿着两个变量来做一个变量是没有办法做的。我让一个逻辑单独走一次干嘛?1FIRST,然后立马把这一成first,手指只要不抬起来,它永远都是啊。是吧?是不是相当于这个判断,我只走了一次,我上来就先判断一下你是在哪个好吗?是不是以后,至于你能不能执行我这些逻辑,就看他了。如果你上来就在外转面滑掉以后进来的话,这边始终是给你。咬住的。是不是如果你上来是在APP上面划的,以后过来都不会给你,要做立马给你过来,放心执行,放心执行。
22:06
能不能理解?能不能理解这里面也是把他7STAR,他切木,他7END看成了一个整体?是不是啊,因为你一次操作就是他是木根对吗。啊,这么是大木根对吧。是不是只要你手指抬起来,那就是第二次开始嘛,那个嘛,重新给你支回来,我们重新再来一遍。是不是?能理解吗?那以后防抖洞都是怎么做的?这个防抖洞的逻辑无论如何给他搞清楚。啊,我觉得不难,比我们之前写的不是简单。是这样,OK,这里看看。刷下这里上来没有动啊,这你看是不是没有动,OK,上来如果是X的以后。不管怎么花,都会动上来,如果是外头的,以后不管你怎么花。
23:02
都不动,上来是X,以后不管怎么画都懂,是不是问你这个东西要不要做好都懂。OK,这个东西高度并没有那么高。啊,不需要做防抖洞,如果它比较高的话,那你也需要做防洞。懂吗?用户不能在这上面滑吧。好,他说,哎,你这个东西抖了,那真的是干嘛找茬了。是不是这个区域高我才要做房泽洞啊?是不是这个区域太低了,不怎么需要做房车洞?那么就讲房东的逻辑要不要再重新再梳理一遍?OK,好什么防得到,首先你得明确。房东的逻辑判断用户首次环评方向吗?OK,如果X,以后不管怎么话都要等。如果是外轴以以后不管用户怎么滑都不会动是不是,那我们是不是问你,也就是说判断用户滑屏方向这件事情要做极致啊。
24:06
判断用户滑屏方向,这件事情做几次啊?做一次。上来就给我做一次就够了,怎么让一个逻辑只走一次啊?也是first一开始为错,第20件刚进去就把它是啥first,那这个判断里面的东西是不是这意思。能不能讲啊,我们这个是做什么。判断。判断用户的滑动方向。是不是这你这判断用户的滑动方向,这个能不理解,如果用户的滑动方向是X走怎么办?直接放心,你看我十个嘛,压根没有。
25:06
是不是压根没有L,是不是?如果是X干嘛你去划呗。是不是,如果是外呢,首次给我狠狠的咬住手持干嘛狠狠的。咬住是不是并且干嘛,并且告诉兄弟狗干嘛,下一次干嘛也给我咬住是不这长如果是爱族的嘛,什么都不干嘛,如果是外族呢,首先我自己干嘛,首先上来干嘛要做是不是下一次要进坑了啊,下一次告诉什么告诉兄弟吧啊。
26:04
啊,下次告诉兄弟干嘛,你这上面也给我啊,要做是不是在哪,OK,那整个逻辑就出来了啊,主体逻辑在这边啊,这边都是些二次逻辑,懂不懂上来给我放心就行了,懂吗?啊,你把它想的想的稍微干嘛形象一点啊,这个逻辑就比较好说了,懂到好。
我来说两句