00:00
我们来看一下啊好。咱们现在是不是这个全部,现在你看是不是已经写完了,那不能写在页面里啊,我们说组建,我们说公司分两种人。一种写组件的,一种写业务逻辑的啊,咱们之前画页面就是在写业务逻辑啊,写组件这种人。啊,你要是可爱一点,可能会有项目经理给你写啊,可是你要是不撒娇,基本是没人给你写的,能理解,所以说这种东西,首先你如果不会写主见,你要看懂人家的主见。你要是看懂你都不会那够呛了。啊,懂吗?怎么看懂?一定要学会打断点,一定要学会打断点,而且断点打在哪,很考验你的功力。啊,你不会打断点很正常,为什么?就是经验不够的话,肯定不会打断点,可是你要是断点能断点能打的很准啊,对你开发的话是很有很有帮助的啊,所以一定要学会打断点啊,那么看一下现在我们是不是已经做出来了,那一定要把这个组件干嘛。
01:10
抽出来放在这里面太容易了啊,这个代码太长了,那怎么办?来个文件是不好,就叫。全是不的,是不是好怎么办?我应该玩过了吧,来一个风。嗯,加分号要要加啊,加个感叹号吧,好加号也行啊啊那加加加都加啊,给你加上OK没事啊,这个就是一个字符嘛,这不认识啊,那我加这个行不行也可以啊啊不,这个可能是个变量了,那那不行,那可能会出问题是吧,你淡定一点啊,加个吧。
02:01
OK,好,怎么办?把这个函数干嘛进来。OK ctrl大括号看看到哪。是吧,好,全部定进来。CT出是吧,OK,拎到这个全是部点这里面来,是不是这样就行了吗?你这样一弄的话,这个函数只能在这个作用里面调用哪个作业,这个作业你页面上面就不要想用了,必须要把它暴露出来,怎么暴露出来?这样吧,我把这个东西在这边给你们先先。留一份出来,闻到香味饿了就S啊,我这边帮你们留一份吧,零八。OK08。好,来,把这个函数干掉。
03:00
好,怎么用啊,想想现在你是不是在这个GS里面啊,你一定要把这个GS什么引进来是不是啊,你不赢这个JS算什么是吧,引进来JS里面的什么全部的加S吧,问题是看看咱们这个东西是不是封闭在了这个函数作用里面,出不来了吧?可是我们知道页面上有个对象叫window。页面是不是有对象叫window,那咱们想想我这边传window进来,是不是就把页面那个window对像传进来了,你就可以想象我引进来就是把这个东西CTRLCCTRL到我这个页面里面来了,肯定是有什么问对象的懂不懂,那我这边拿一个什么W来接一下呗,是吧,你看如果我说W点。CSS啊,等于什么这个CS函数好,想想这跟我们之前写的那种this点的是不是一样的,把一个东西绑给一个对象点属性吧,只要有这个对象的地方,我就可以调到这个方法。
04:06
而且这个window基本上。不管在哪都能找到他。是不是啊,那我在这边是不是可以直接这么写了。是不是啊,OK,我们来看一下吧,走你。APP他是不是没有报任何的错。是不是啊,你看这个函这个不是还是对的吗?是不是,可是问你现在你在这个函数上面,再在这边定CSS函数会不会出问题啊。会不会出问题啊?你再定义C函数会不会出问题啊?你这C函数不也是照样绑给的window吗?那时候就有冲冲突了,会把这个赛道给覆盖掉的吧。是不是啊,左点我们来看一下。怎么又不让我点?啊,看有没有保存。还没保存是吧,那想想这种形式通过window点。
05:03
形势好像有风险。你把这个函数版给window,好像有风。是不是不是用户是咱们啊,是不是咱们,咱们自己写业务逻辑的时候,也也也整个CSS。跟跟组件里面这个函数产生了冲突下,最终最是什么,刚刚我们是不是干嘛做了这个处理啊,是不是把这个函数放到了一个叫window的达五的属性上,那外面掉的时候是不是应该用达姆了,是不是只有你让我看F10是不是还也是没问题的。这个能不能理解啊。OK,好,想想几。是不是就整了个多乐福啊?OK,这个叫使用命名空间来避免啊。命名冲突。懂吗?如果有人站在这边。一模一样来一个大点,那就没办法,反正现在我们这种形式就处理不了了,是不是啊啊OK,可是以后我们讲模块化。
06:04
模块化就是用来处理这个事情。为什么要模块化?写DEMO的时候压根不用跟你讲模块化,那写项目时候就要干嘛处理这种事情。等等,所以以后咱们慢慢知识面扩展,并不是说技术方面扩展了,而说协同开发上面怎么去做,你怎么让你怎么去融入团队,懂不懂其实技术。到现在基本上原生的技术能给你们讲的基本上就差不多了,最多还有十天的课,讲这种原生技术的,后面就是讲这种怎么去让你融入团队,怎么去使用框架。能不能理解啊,所以说你们要从写原生代码中咱们遇到的问题,然后再以后再学新的技术时候,你想想为什么要学这个,这个有什么作用啊,团队一个人写代码的时候,你夸嚓整一个模块化,整一个什么什么get,整一个SVN。有必要吗?你不给自己添麻烦吗?能不能讲老师说什么样的项目啊,采用什么样的组织形式啊,自己先心里有点数啊,OK,那我们来看一下,那现在是不是咱这个组件已经定义好了,好,组件定义好就去用呗。
07:12
谁要用了,我不是为了给他用吧?我哥给谁啊啊,你这个版版本去用吧,好。零九吗?2D主键版好咋用?咋用从上往下写,我出门左转OK,好,这个全世界X还要不要?有用吗?没用了。谁把它代替掉了?OK,谁把的是这个对象,把它的功能给覆盖掉了,OK,把它干嘛注掉,不要它了,是不是只有你L那这边全是X,要给X吧,怎么给啊,给谁啊?
08:14
给谁啊这边。这么拿?这么拿对呀,可是你先得干嘛,你让他进来是不是好?我们是什么transform.gs加什么?全梦见家是吧?怎么又进了?在哪在哪到的时候吧,是吧,这个是应该怎么办。达点CSS读谁啊?都谁啊,他的什么X是不是再往下看这边是不是去设置啊。
09:08
还需要它吗?这两个代码完全可以不用了。怎么写?怎么去设置大点CSS谁啊?谁啊,不是还是ul吗?给他哪一个玩意设置X吗?设置什么。哪个字啊?K。能不能讲往下走这边这个值呢。这是去读吧。这么多啊。什么谁呀?读他身上的什么鬼啊?
10:08
X。是不是这么走?小圆点吧,不用这边呢。换成什么?UL。X直是。完事。OK,首先我问你这么一写,以后还需要管上一次变化是什么吗?不用,而且读写操作更加简单了。那么地价好,来看看好主键板有没有答完。F。刷一下,只有你。
11:02
走你,走你过来走你。过来。过来没问题吧,只有你。过来,你过来。完是吧,OK,好,那今天啊,我们啊喇叭到现在一直都没声音啊。但是我头疼。我们来看一下,那到今天我们一直在做什么啊,到现在啊,我们是不是一直在定这个组架,OK,那这是我们定义出来的第一个。有点面向对象的感觉了,懂不懂啊,有点JS高级的感觉了,那之后我们还会来去深入啊,OK。好,那我们二组件版也写完了。好,那写完题组件的话,我们继续吧。OK,来看这个奥迪组件板做完之后的话,还有什么功能没做。总感觉怎么那么快啊,他。我给的过渡给了多少?过渡在哪给?是不是这个感觉有点快啊,给一秒吧,哎,我们说给的是left吧。
12:06
不能给,完全给。TS,刚刚连0.5秒都没有,瞬间过去了吧。上面我是。看全在线。一个。没了吧,就写了这两个,是不是好刷一下。我说呢,是不是。是不是?嗯。没问题是不是?好,OK,好,那是不是得做无缝啊,无缝怎么做?这个无缝我们说还记不记得我们3D轮播的无缝怎么做的。操作一下index就行了,是不是让index无限的在里面循环是不是就可以了,这个还行吗?
13:04
这个还行吗?他不是自己播的呀。他不是自己播的吧,是不是每次划上去的时候干嘛你能旁边突出白颜色的东西了。我们说这边拖过去应该是个什么。另外一张图啊,是不是是不是最后一张图啊,这样怎么办?你们之前有没有方案的,前后加一张,前后加上比较烦的是判断方向。贼烦是吧?你想咱们这里面很少判断方向了吧?我们是不是都让都让我这个index抽象成UR的位置了,很少去判断方向了吧,所以说我们还是不想判断方向,一旦判断方向的话,以后去改,去改代码的时候又得自己想一遍。左右往左走还是往右走,是不是啊,不想判断方向,我能不能这么办?问你,现在我有。几个几瓶瓶是吧,OK,我写小一点,总共有五瓶,一瓶两瓶一瓶啊,三瓶四瓶。
14:08
五瓶啊,找你,那么你后面能不能再来五瓶,一瓶两瓶一瓶三瓶四瓶五瓶啊下我收到一瓶就想,我就想到苏缓,我靠好吧,啊,大家想我能不能复制一瓶。我我复制一模一样的大小,我点第一个的时候,能不能拿立马跳到第二组的第一个上来。能不能这样,不管是往前滑,往后滑,是不是都都有东西。是不是,如果点到最后一撇。跳到跳到什么第一组的最后一批上去。前后是不是都有?这需要判断方向吗?不需要。不需要分方向吧,只不过我们多复制了,注重吗?复制一组。
15:03
是这样的,这是不是也,这是不是也是一种思路啊,而且移动端这种思路比较多啊,为什么呢?因为你这个轮播不可能轮个几十张嘛啊。是不是啊,所以说复制一组的话,是有这种可能性的。懂不懂,能不能理解,那我们这边怎么去复制一组。怎么去复制一组复循环砸?也就是说我们这个L结构要多了,你L结构之所以多,是因为它数组嘛,再加一组嘛,你也不能,你也不能人工加吧,怎么办?你看我再去生成这个LY结构的时候,我们看for循环里面是不是走AR点认识啊,那怎么办,一旦你有这个东西了,我进来干嘛。A。
16:03
等于。A点。来来看看一遍。A ay,我说过,数组不管是写逻辑还是写业务逻辑,还是写组件,还是写还是写那种数据交互的时候极其重要。OK。维基百科。不是,是他。好,我们看数组里面有没有这个,是不是它好。方法吧,来看这个方法,你看方法用于合并两个或多个数组吧,此方法不会改变现有数组,而是返回一个新数组。我跟你们说过,你想熟悉数组的API,你要熟,你要熟悉它的几样东西,第一个这个方法是干嘛的?其次他改不改现有数组。
17:03
其次,他返不返回?新数组懂不懂?你学数组一篇一定要看这几样东西。好OK,我们来看一下,那你看是不是A一点肯定什么A2,那咱们就好做A点什么Co什么C吧,添加个什么什么A瑞返回了,这个是不是返回的一个新的数组啊,返回值把这个数组给什么覆盖掉了,那不就行了吗?那这边我问你。十张了吧,是不是来看一下。几个小圆点有十个吧,小圆点不能有十个,小圆点只能有五个是吧?那是不是小圆点的循环是不是在这边啊,你不能拿AR点认识啊,你在你我在我数组连接之前,我给你去保存一个值。Point认识是吧,好等于什么A点认识。
18:10
是不是啊,OK,让你去循环它就行了啊,你不要循环点。能不能解,那小圆点还是五个,可是12345只你一。没了。报错很正常。后面我就没写了。不是后面逻辑没写,这边报错什么,报的是报的什么,你看一旦报错是不是干嘛效果都没了。效果都起不来了吧,是不是在这边就卡住了,为什么。这个是不是超出去了,我小一点,总共有几个。结构上面几个,我就生成五个吧,现在你的音是不是要干嘛凑到十去了,那怎么办?
19:02
也就是说这边有问题,那边有问题,小圆点在哪边,小圆点的数据在哪边,这边这边有问题。呃,不是这个index有问题啊。是不是啊,这个应该改成什么。嗯。取谁?取魔吧,取吗?是不取501234,取我始终是零二三四五六七八九十娶我0134又来一圈,逢五来一圈,逢五来一圈。能不能理解啊,来看一下走你。刷一下走亮亮起来亮起来亮起来亮起来没问题了是吧,再拖过去拖不过去了,这是最后一张了,然后咱们实现无缝,无缝在哪做。
20:06
我我知道中间交接的地方。在哪个事件里面去写。End还是大。恩,是大,大一点上去的时候应该瞬间跳过去,而且这个过程不能让用户看到是不是啊,OK,那肯定是大的时候吧,好,那怎么办?找到他知道的。逻辑呗,这边去做什么。是不是在你运动之前啊。是不是,那怎么办?是不是在这边,嗯,写在这个全形下面也行吧。是吧,就你这咋想,无缝无缝逻辑什么样的。点击第一组的第一张时,瞬间跳到跳到第二组的第一张是不是点击。
21:15
第二组的最后一张时,跳到第一组的什么最后一张?瞬间跳到。别带个过渡过去。闸蟹。这边得拿到你现在在哪一张上面吧,你touch大的时候,你得知道你在哪哪一张上面吧,怎么知道你touch时候你在哪一张上面。Ul的偏移量能不能拿到?
22:01
一模一样的吗?在它上去干嘛,再来获取变量,这个引带的是不是你点上去的时候,你再。哪一张上是不是这道理,怎么讲,这是U的位置吧。问你啊?这个能代表你点上去的时候在哪一张吗。是不是正负不一样的,这个代表UR的位置嘛,我们说哪一张是不是代表图片的下边啊,小圆点的下边啊,是不是它得加个负号。上午是不是上午是说话,我们说ul的位置。就是的偏移量,或者说全X这个什么值吧,它的正负是不是跟图片的下标正好来正好正好相反的,是不是OK,那想想。我们说夜什么?叶福音在干嘛?应该是负的index,那么等等于多少?零第一张嘛,瞬间跳到第二组第一章,那怎么办?Index应该等于多少?
23:08
第二组的第一张嘛。Index,这个index是不是要让UR去产生偏产,产生什么位移的是不是啊,这个index最终给的是个。第二组的最第二组的第一张应该是多少?第二组的第一章有多少?那谁啊?A点什么?认识,这是不是第二组的第一章?A点,那是不是第二组的第一章。是不是,可是你给index之后,你要不要添个符号。要因为这个index最终我要去做偏移的,懂吗?Else呢?L if是什么鬼?点击第二组的最后一张嘛,第二组的对方相当于这个值应该得多。
24:05
第二组的。最后一张这段。大家想想这个AR现在这个值。这个字不对劲了,我们说第二,第二组的第一张不应该是A2点认识了。应该什么,因为这个AI是不是已经翻了一倍了,应该拿他了吧。是不,他第二组的最后一张的A点认识。干嘛?建议。这是不是第二组的最后一张?是不是一旦负等于X等于它的时候应该怎么样?一看看多少瞬间跳到第一组的最后应该多少,第一组的最后一张是谁啊?第一第一第一组最后一章他减一,要不要来个负号前面。
25:07
要不要政府关系搞搞清楚?这个index代表ul的什么位置?代表ul的位置能理解吗?然后我们说这个判断里面是不是都是第几章第几章判断里面这些东西都是什么索引。说是懂吗?他们俩是一个什么反比的关系?哦,不是反比干嘛?反过来的关系啊,所以你一定要加负号。了解吗?最终你要把值给到这个index值干嘛也得加负号,因为这个index最终代表Y的位置嘛。而且我现在是不是自动in啊,我问你最终要不要去偏移啊,你不偏移的话,你做什么都是什么没用的嘛,Ul什么no谁啊trans X走多少。
26:10
Index干嘛乘以这个值?是不就完事了?无风是不是就做完了,来看看。刷一下。诶。前后是不是都有东西了拖?拖拖,走吧,玩吧。是不?是无脑完美。做完了吧,可是想想我们说咱们做的时候的话,不能到这边就停了吧,我们说把它做成指令了吧。是不是啊,要不要无缝,有时候不需要无缝的。你没理解我说干嘛?哎,我怎么都写在奥迪组件版里面。
27:02
啊,而且这个是带什么。指定的五好,我说什么,现在我给一个指令给你。好,这不是我的轮播器吗?你说有一个need me吧,我说它很明显的告诉组件,我需要轮播,也就无缝嘛,我需要无缝我再取货。能解吗?没有这个指令我就不。怎么判断?判断一下有没有这个属性的。是不是啊,OK,也就是说我们跟无缝有关的代码在哪。这一段。是吧,还有哪段。这一段,这两段要放在一个判断里面。
28:00
是不是什么判断。首先我去挖一个什么。哇,一个。什么,你的需不需要五嘛,它等于什么?节点吧,节点吗?哪个节点是这个节点差点干嘛。大家如果写的好一点的话,我能不能叫一个。DA啊,Data杠这个东西啊,如果它的值为true的话在干嘛?如果为true的话,让他去进行无缝吧,这么拿。点点什么?我这玩意儿。是不是看一下cons.look这个值维度,这个是应该不多。
29:00
回去。刷下。你换了。上。刷一下诶we,这为什么。点data set,我是不是写错了杠吧?啊,我这是驼峰命名了吧。是不是?那你不应该这么想?嗯,对。是不是,诶,这还有点坑呢。是不是这个一般我们不会这么想。是不是?需不需要轮播吧?是不是啊,这个是不是就可以了,CTRLC是不是OK干嘛,如果有这个东西存在L干嘛。
30:02
干掉。嗯。在想,如果这边我给的纸不是处的话,应该能不能轮播。你们设计这个值,如果不给出的话,能不能要不然要不然他。我就写一一这种东西呢。不给你做了就干嘛,定死了,你必须给我传球,是不是API上写好吗?这个属性是传Q的时候他才能轮播,传其他值干嘛。不补是不是狠一点?不行,这么写的话,只要是值的话,就会进入这个判断。是不是啊?坑爹。怎么办?判断一下你是不是等等于。那我感觉这么写不好了。
31:03
对,我直接判断这个属性是什么决断,我不这么玩了,意义是什么?你这个东西我直接判断这个东西是什么,在不在OK,如果在轮播不在不轮播啊,随便你的值是什么,只要有你我就播,OK,嗯。那应该怎么拿了?他要点什么?Get attribute是不是去拿什么?拿它是不是我们看没有写的时候,这个值为多少。没有血的时候,现在我是不是没有?CTRLC看这个值不段,现在是。不写的时候看这个字不多。会闹是不是写上的,我不管你的值,为什么,我就看你不写的这个为什么是是OK,如果来看一下。
32:06
这个东西啊。如果等,等于闹了,说明你没有写,没有写应该给你什么,其他的情况都给你什么。是不是好,这是不是只做一个判断,你把这个值给人家吧。你这边只是做个判断,你要把这个最终这个值干嘛给人家呢,是吧,那这边干嘛让他去进行。是不是OK,还有哪边需要的CTRLC贴过来,是不是这边CTRLV干嘛,这里面的代码CTRL。肯定什么。X切到这个里面来,CTRLB。好,那这个指令应该也可以了,看现在有没有这个指令。没有,没有就不能。无缝。是吧,好,我添加这个指令叫什么。
33:00
你的。什么玩意儿?你在哪?是不是这边CTRLC。KTV一旦有他,只有你就要无缝哎。是不是咱们越来越像?不知道里面那个。无缝花屏了。能理解吧,好,那咱们说这到这边咱们把这个无缝子弟也定义完了,那咱们还差一件事情是吧,自动轮播OK。
我来说两句