00:02
好来啊,我们开始啊,先我们把嗯,前面我们没有复习的,给他全部都复习一下吧,我们把它过一遍,因为今天下午在考试啊,所以给他过一下。就马上放假了嘛,是吧,放假之前怎么疯狂一把?好好了来吧,嗯,我我把前面的也给大家简单过一下。
01:01
啊,这里面呢,首先呃,我们接触节拍的第一个问题,就是关于节拍的一些理解啊,这个理解包含几个方面啊,第一个它是什么东西。啊。OK,首先简单来说,它是一个GS的一个函数库,那这个函数库肯定是对什么东西的封装,是不是它是对原生GS的封装吗?这个你说他错,他也没错,但是说的不够准确。它是对原生什么多姆的分装,这个就是比较准确了。能不能理解你说它是个原生JS封装,这个是没问题的,但是不够准确啊,我现在复习肯定不是瞎复习的,你得你得想想懂是吧?啊下面要说的就是为什么,也就是它有什么好处对吧?这里面呢,反复跟大家强调过几个概念啊,一个选择性,你一定要脑子一想啊,我们这个会封干洞洞潮水正常奶茶是吧,就最最麻烦的是什么查询。
02:16
那它必须有一个强大的选择器来帮助我们快速的找到我们想要的那个元素。后面的几个啊,非常关键啊,第一个啊,影视迭代,或者叫影视便利。也就是说,你想想看,我们用上这块以后,我还用过什么负循环吗?没必要用吧,对不对,你再用这块的时候,再用到什么负循环,这就说明你用的不到位。那是必然的。能不能理解啊,OK,好,这隐私边利怎么跟人举例子?其实很好举例子,就是说我要给多个data塔加点击监听是不是,我是不是先通过选择器找到我所有要加点击监听所有八条只要调用什么方法就都加上了,可立刻方法。
03:13
其实内部他是不是在做隐私病例?譬如说我要给所有的P标签都设置一个什么样的文本?那我一个一个要去定义吗?不用找到所有基边间,就是给他什么设置进去啊,还是很很好用的,再一个读写合一,什么叫读写合一。读的方法和写的方法是什么?同一个再一个把我把这个放到这里来。啊,链式调用啊,链式调用就是可以什么呢?不断的通过啊调用函数,不断通过点来去调用接快对象的方法。通过点不断调用水的方法,是不是接快递下的方法?
04:13
能不能懂,那他是如何做到的,也就是他为什么能够这么叫。其实非常非常的简单,就是接快对象。的方法,它的方法基本上所有方法的内部,除了一些获取数据的方法,除了获取数据的方法,其他所有的方法返回的都是有一条语句叫return,什么this this是谁,是其快递项还是动元素?这块对象为什么是结块对象?因为调用方法的那个对象是什么结块对象。好,还要跟大家把前面的这个漏了,说一个是读写合一啊,这个地方有一个有个事情,你说某一个同一个一个方法啊,同样一个方法啊,譬如说我随便吧,HTM。
05:12
谁来调这个方法?是不是结块地下是不是啊结块的,那这块地下内部是包含了多个元素,有可能是不是,那我在读和写的时候,大家想啊,我读读谁的数据了,对啊,读是读第一个。知道吧,那写了是所有。诶,你仔细看你就能发现。这是它一个通用的一个规律,大家一定要把这种规律给它牢牢的给他解释了,给他理解透。啊。挺有用的,你想可以想想能理解不啊读你因因为我返回只能返回一个数据嘛,所以说肯定是读其中的某一个对不对,那其中每一个呢,很自然嘛,第一个是优先选择的对不对啊,但写呢,是写什么多个这个写可能可能是设置一个什么,譬如设置监听,那我是不是所有的设置监听呢?啊就设置监听是不是下面也是写啊,也是写。
06:25
好,记住这一个特点啊。后面呢,就是他有他自己的一个事件处理,他的事件处理方式还是比较好用的啊,最后后面有多种操作对吧,有样式操作。还有一些啊需要譬如说动画有吧,比如说它里面有一个叫浏览器金融什么意思。就是你用上它了以后,基本不用花太多的时间去测试,去考虑金融性的问题,有人说老师是不是完全不用管,那也不一定,对吧,中间我们是看过这个页面滚动条的时候,是不是不同的浏览器,IE浏览器和group浏览器,它操作的方式不太一样。
07:16
啊,OK,基本上不用太管。但是如果你用原生的GS,那你一定要拿多个器反复的测,能理解吧?啊,OK,作为一个DOM的一个封装的一个库来说,它必然要考虑一个问题,就是浏览器兼容的问题。啊。那大家需要去把前面的一些给他啊,能很容易的给他表达清楚,至少能说出四五个啊,尤其是前面的一些啊。选选择器,影视编译,读写合一,练习调用啊,后面的事件处理啊,多模样式操作动画这些大家应该是都能够去,我们都给大家讲过的。啊,如何使用这个倒是没什么难度,大家都已经用的很熟练了,这个不讲好,第二个字重要点就是大家要知道这块里面两把利器,以及他们如何使用,对吧?啊,一个是这块核心函数,一个什么这块对象啊,函数呢又分为啊,当成函数使用和当成什么对象使用,单成函数使用是不是又有几种,四种情况,这四种情况大家都必须非常的熟练,因为这四种情况都经常用哦。
08:32
Okay。其他的倒没有什么太多啊,好选择器。选择器首先得大家知道选择器是什么东西,对不对啊,是用来干嘛的啊?再一个有哪些,基本上有哪些选择器,我们一共分为几类,四类基本选择器,什么层次选择器,过滤选择器和什么表单选择器,先有整体的分类,再想下面有什么,你先不要就把里面的解记死了,记住啊,一定要先有整体的轮廓,再去想具体有一些什么东西。
09:15
OK,这个是里面有些属性操作,这大家觉得这些操作用的多不多很多,其实啊,OK挺多的,我们经常去操作这个大家看到啊,这一个这两这两个是用来通用的一个属性操作啊,尤其是a tr用的比较多,对吧?啊通用的属性也就是说跟标签是什么属性有影响吗?没有影响,只是说这个里面是不是有一个细微小区别啊,这个是有时候在面试问AR pro。他们到底有什么区别啊,其实很简单,就是它的看它的值是什么,是不是布尔值对不对啊。这两个专门用来干嘛呢?这个啊,这个是用来也是艺术通用属性,这两个操作什么属性,Class属性,那这个操作什么属性。
10:09
操作什么属性value扭啊,这其实也是操作属性呢,只是它是什么value属性,那有前面都是用来操作属性的吗?那下面这个用来操作什么是标签体文本,大家就得想嘛,其实这个啊,这个可以把它看成是啊那个属性啊,文本模块,这是一个模块对吧,这是它文档上面的一个模块,你就想啊,一个标签随便来一个XX的,我我不指名字啊,我不特别指名字。现在我找到某一个标签是吧,那下面我操他什么东西呢?无非就两个方面的数据,要不然的话就是标签的属性,要不然的话就是标签体。不就这两个方面吗?对不对。
11:01
所以说大家应该要能够去自己去理解这个东西啊。啊,后面简单跟大家说一下尾数组啊,这个没什么。好来啊,下面这个呢,是一些CS模块,大家一定要自己啊,看到什么模块CS模块拉入下CS模块里面有些什么东西,哪几个方面,大家一定要自己反复的这样练自己训练自己啊,OK,一个是它的CS模块肯定是第一个,最最重要的就是什么样式嘛,除了样式就是什么坐标,除了坐标就什么尺寸。啊,就是关于元素的一个元素来了是吧,啊OK。这些是不是都是跟样式相关的,就即使你的你的坐标,你的尺寸是不是都跟样式相关。是跟样式相关的啊OK,它有一个操作style样式的一个方法,有操作位置坐标相关样式的方法,有操作尺寸相关样式的一个方法。
12:13
其实都是操作的,是样式。只是说操作样式哪个方面呢,哪些方面的数据。啊,你要去找规律,一定要找规律。好,接着是它有一个叫什么筛选模块,那筛选模块呢,在这里面有过滤和什么查找,这地方我非常强调大家一定要区别开来。什么过滤?什么是查找,对不对?过滤其实非常简单,就是在十个里面找出两个直角过滤是吧?OK,那什么叫查找呢?他是找我十个中的那些元素的,什么父母、兄弟、孩子或者孙子,对不对?这叫查找。
13:05
这个一定要先区别开来,只要你区别开来以后再看这些方法,你就很能懂。其实这些方法名都建明之意,非常理解。这里面我就不一一个去给大家去说这些方法了啊,这个是另外一个非常重要的模块,就是什么文档处理什么意思呢?大家在想啊,我们找到这快对象以后,有有的时候是不是要对我们的文档进行增删改操作啊,OK,这里面啊就有一些增加删除和更新。一定还是一样啊,我希望大家先要知道有哪些操作,再想着某一个操作对有些什么方法,再去往下想。接着是它的一个世界模块,那世界模块非常重要一点就是怎么绑定事件和什么解绑事件,绑定事件是列两种啊,解绑事件有off。
14:08
这是说的是事件的绑定与解绑,这是大家必须要懂的。下一个非常重要的一个考点就是在你面试中经常问到的一个事情,就是事件委托。首先你得跟人描述清楚什么是事件委托。对不对?接着才向别人解释他有什么样的好处,这个描述世界委托,肯定要把世界委托的过程给他说清楚啊,一定要把过程能说清楚,说它的好处,以及我们在这块里面如何来去实现啊,事件委托的编码。他就有重要的一个方法叫什么,是不是单给他。嗯,这里面几个方面关于事件委托,第一个什么是事件委托,你对它的理解,第二个它有什么好处,第三个编码如何实现啊,你要从这三个方面去跟人分析啊。
15:10
后面的就比较简单,事件坐标啊,只是说一旦涉及到坐标,就要考虑一个什么问题。原点能理解吧,一旦看到坐标,那你马上想,诶,当前的原点在哪里,这是大家必须要马上就反应过来的。啊,后面是世界相关的一些操作啊,一个是停止世界冒泡,一个是阻止世界的默认行为啊,这个没什么好,这里面呢,这个我们还没写,我们其实第三天的时候,我们就学过一个叫什么效果模块是吧。动画13的动画效果,那有哪些效果呀?首先它有一个上下滑动收缩的,上下收缩的一个效果,对不对,叫什么slide的down down是什么,是展开还是收缩,对展开,那我要收缩怎么办啊,我要切换怎么办是吧,是代的。
16:19
这一个方法是不是相当于前两个方法的综合体啊,啊偷大家应该知道啊好,还有什么,除了那个上下收缩还有什么啊,淡入淡出那个叫对不对,淡入淡出,那什么叫淡出。飞的什么out,飞得out是看见还是看不见了?看不见了吧?Out消失了吧,对不对?淡出能不懂弹入非的意是吧?还有千万非的头,可这意思不好,还有显示隐藏,还有一个显示隐藏的概念,数和什么配的,还有一个。
17:12
哎,这里面得说一说啊,他他们是必然会有动画的。对不对啊,一旦涉及到动画,大家考虑什么事情啊,考虑哪些方面,大家想动画持续的时间是不是还有什么。它改变了一个速度啊,它有匀速和变速的一个概念,这个其实做的少,但是有一个事情大家知道还有一个事情。就是我怎么知道动画完成呢,他是不是有动画完成的监听呢?其实这个啊,我还是希望大家不要去死背那些方法,而是记住啊,我要关注哪些事情,我要关注哪些事情,你去问那些学的好的同学,嗯,他肯定会有这样的感觉,他肯定不是去直接上手去背啊,这些方法有哪些。
18:06
他肯定是现在想调啊,有哪些东西,里面存在哪些东西啊,能做什么事情。当然适当的,有时候也需要跟那个学习好的同学可以交流一下,他们有的同学可能觉得,哎,这哥们就记好没什么。啊,就脑子好用。啊,肯定是有可取的地方啊,大家有时候也要跟人多交流一下。而且你还要知道啊,这一个动画本质上它是在改变什么东西。对不对?好,再说这个事情,我们还再说个事,你说动画都怎么完成的,动画到底是一个什么样的过程?动画到底怎么实现的?它的通用原理是什么?是吧,在一在指定的时间内,在一定的时间内吧,干嘛不断改变什么元素的样子?
19:10
就是产生了动画吧,是不是你在想嘛,就是你看到那个东西在变,实际上它样式在变吗?对不对,你样式变化是不是导致你看到的样子变了。能理解吧,OK,但是呢,最终是不是要看到一个过程,要想看到过程,它得有一个概念叫什么呢?你要你要在一定的时间内不断的变,懂不懂。这个怎么不断的变呢?就是变一下停一下,变一下停一下,变一下停一下。而那个停顿的时间其实一般不会太长,对不对,肯定不能太长,太长你就发现这哪像个动画。就不像动画了,对不对。时间它不会太长,但是啊,你再去指定那个间隔时间的时候,你也不把那个时间指的特别短,我一毫秒我就动一下,你觉得有意义吗?那么搞好吗。
20:06
不好,那样的话时间太短了,一毫秒,那你你你得想啊,我我要是我要是那个动画持续一秒钟,那那你动1000下也说白了,你的你的那个元素的更新绘制重复1000下。你远远看的没那么仔细嘛,看不了能不能懂,时间也不宜过长啊啊,但于至于到底多长时间,你自己得去看那个动画的效果,你觉得诶差不多了是吧,OK,呃,就是说什么意思呢,一直调到大概你觉得那个间隔的时间你不是特别明显是吧,还算是比较流畅这种效果就行。应该是尽量从大的往小的调。好,这是这个。啊,这一个是改变了谁,改变哪个样式。
21:00
什么高度,而这一个呢,透明度,如果他有动画的话,他可不可以没有动画可以,那他要没有动,有动画的时候是什么动画。它有三个属性,改变高度、宽度,还有什么透明度。能懂不好?除了这些,还有一个东西叫什么?自定义动画,自定动画怎么说an是吧,An传什么呢?首先得传一个对象,这个对象里面写什么,写样式对不对?那写什么时候的样式啊?是开始的时候吗?不是动画结束时的什么样式,能不能理解,就是动画肯定是在从一个样式变成什么。另外样式,现有的样式是不是已经有了,现有的样式已经有了,我现在需要指定的是什么结束时的样式?
22:10
而且我是不可以指定多个样式,所以说我得来一个什么。是不是对象啊,还可以是什么。还需要指定什么时间嘛,这肯定嘛,对不对,那懂不我那我能不能去写个函数,当然也可以。N多包啊,这个要能懂我就写个FM嘛。好啊,动画还有一个,这相当于是不是启动动画呀,那要听动画怎么说,Stop,其实就这么点东西。对吧,但是比较灵活的是谁是他他是比较灵活的,能不能懂这个是比较灵活的啊。这说的是动画效果啊,那个模块啊,我们可以把我们当前的这个打开一下。
23:04
嗯。啊,这这个后来呢,我们又跟大家讲了几个啊,一个叫什么呢?插件机制和什么呢?多库共存,这个多库共存其实倒没什么啊,主要是大家必须把这个插件机制给他搞一搞。插件的主要就是如何来定义什么插件,那定义插件是扩展这块的什么东西。啊,第一个啊,其实有两个扩展,一个是扩展它的什么方法,是不是,再一个是扩展什么这块对象的方法。相当于这一个上面的是扩展这块啊函数对象的方法,诶这个地方就有一个点叫函,我把它称为函数对象,所以能它是函数对不对,但是我把它当成什么对象用,能不能懂,能懂好,那我要扩展这个这块函数对应方法,我应该代码大概该怎么写,多拉福点一个ten的是吧,接着了。
24:24
先写什么对象,诶,这个里面去定义一个什么方法能不懂啊叉叉,然后什么方写,这个是大家必须得会写的啊。你不用写的最终有什么效果,至少你要把效果这样,把它格式是不是写出来好,下面如果我要去扩展j query对象的方法,我应该怎么写,多了点,多了一个什么FN.extend。后面的写法是什么一样的。
25:01
好啊,我等会要问一个问题啊。你说这个里面的含这个里面的瑞是谁?嗯,我现在问大家,Z这个函数里面的类是谁?你要分析啊,你不就是按照我前面跟大家说的认识谁得看谁来调对不对,谁调它那个认识不就是谁吗?这是通用的规律吗?那请问叉叉到时候谁掉啊谁掉。这块函数那不就是多了吗。对不对,好,那在这个里面this是谁了对不对,那就看你怎么掉它了,对不对,是这意思不?你怎么调啊,你是不是要先去得到这块和对象啊,结块对象能不能懂啊,也就上面这个调法也定义出来以后,我去调用方式是不是多了伏点什么叉叉叉括号是不是这么调,那当然this是不是就是多了伏。
26:12
很明显吧,很明显好了,那下面这一个啊,我们去调它一般是先得到了一个j query的什么对象,接着再去调用什么咔嚓。来吧,走。OK,嗯。你说扩展插件机制就这点没别的。这个一定要会写啊。是大家必须得会的啊,它的插件机制啊,多工程呢,我就不讲了,因为这个东西特别简单啊,特别简单好整完这些事情以后,我要跟大家去。画一个非常重要的东西啊,什么东西呢?来说一个啊叫啊JA块文档的结构的结构图,好,你自己来,我们现在就来去想啊,那把这个图捞出来,这个几个捞出来好了,大家一起跟着我去想啊。
27:22
也就是说我们要知道j query它的有哪些模块组成,能不懂啊,也就是说我要现在要去把这个结构整体结构给它画出来。啊,大家也每个人都要达到这一个这样一个目标啊,你要对文档啊,我要找什么东西要知道去文档里面找,而不是像有的人,有的人怎么做的不知道咔选择啊,要找我要找哪个,我要找一起,我也不知道在哪咔一样在一起,这只能说明他自己啊,对整个结构根本就不太熟。
28:05
能不能理解啊,OK,我不希望大家到时候是这么去,早晚。好,下面我们就一起来去画这个图。其实学这块的最先我们学的文档的哪个部分呢?这个最左上角的这个部分。左上角的这个部位。他称它是叫什么模块啊,叫它的核心模块,懂不懂是它的核心模块,这个核心模块里面有几个东西,我们学了它几个东西啊,一个是这块核心函数。我就核心我就去还写下吧,核心函数还有什么这块核心对象的访问吧,啊,就写这块核心对象啊。OK,接着后是后面我们学的一个刚刚讲的就是插件扩展,或者叫扩展结块插件。
29:08
啊,就这我们重点学的就这三个方面,大家回来可以看一下,看是不是首先是它的核心什么函数,接着是是不是这块对象的什么访问啊,这些我们都没没没有去讲啊,接着讲了一个什么插件机制,其实我们还讲了一个什么多库共存。啊好来继续往下啊,在它的下面有什么,有两个啊有两个来把它画出来。把这两个都画出来啊诶。啊,你别怕麻烦啊,稍微的画一下好,这个时候我们说这一个拈叫什么埃他的模块,刚才大家看到了叫什么属性,其实我们更更好的方式应该叫属性文本会比较好一点,其实就是操作标签的属性和它的标签体什么文本。
30:07
能不能懂啊,接着下面是什么什么,它叫一个什么CS,什么块就操作什么东西样式。啊,操作样式OK,好。这个里面的方法我就不一一个说了啊,我们先把整体结构给大家说完,这一片它的右边是一个整一行啊,啊整个一整个一列,这是什么呢?切块的选择器,这个是非常重要的啊,就选择器吧,对吧,能不懂啊这块的选择器啊,它这里面是不是有各种各样的选择器啊,啊有哪些,我们刚才说过了,是不是有有几类啊,四类有什么基本还有什么城市。
31:02
还有什么过滤,还有什么表单。对不对啊,OK,好在它的啊,画好选择器以后,下面在它的右边有两个。啊,在它的右边有两个,哪两个呢?首先你要想到上面是什么,下面什么。还记得不不记得了是吧,不记得我们可以看一下。上面叫什么文档处理,下面叫什么筛选?那这个叫什么文档处理是吧?OK,这个文档处理其实包含三个方面,包含三个方面,一个是啊添加元素对不对,一个什么删除元素,还有一个干嘛更新元素能不能懂。
32:02
或者替换走吧,啊OK,好,下面这个我们叫什么。叫筛选对吧,其实这个筛选包含两个部分,一个叫过滤,一个叫什么查找。这是吧,好,那这个过完以后,看这个右边也包含两个部分,一个叫事件,一个叫什么效果。这叫什么世界,这个叫效果,这个效果肯定是就是指的动画效果吧,啊,动画效果以及显示隐藏,说白了就是显示隐藏的效果,懂不懂啊,OK,好,那接着看它的右边,它的右边呢,又分为两个部分,一个叫我们还没讲,为什么一讲呢?因为很简单,我们服务器还没讲,这个跟服务器有关系,所以学了服务器以后呢,马上就会学它。
33:16
啊,但是我们先可以说有一个这样的拈是吧,还有一个模块叫什么工具啊,后面的不用管它啊,那这个时候啊,我们就说这边还有两个模块是吧,还有两个模块。啊,一个我们叫它什么模块,这个呢,后面我们会去学到,大家不用着急啊JA而下面这个是什么叫工具,所说的工具就是指谁的方法。是不是函数对象啊,啊函数对象的方法。嗯,那啊,其实这个最后还有一个东西,大家有时候可以用。
34:03
正则表达式,哎,就告诉你正则表达式一些语法这个词用挺有用了,有时候嗯,你不记得了,就来看一看对不对,或者说你要用的时候,你不记得语法就可以看一看呗,能不能懂啊,挺有用的啊,相当于相当于是一个文档啊,哎,好,那有了这个图大家就应该。要能够对整个文档,包括对整个这块的功能应该有一个整体的认识,这个图大家必须多画几遍,必画的一个图啊。嗯。这是几块文档结构。
35:09
嗯,这个图啊,大家每个人都要都要轮换啊。行,这是这一个啊。这里面没有话,OK,好,那关于节拍的一些功能呢,我们就先说到这里啊,昨天呢,我们先把这个停下来吧,好吧,先把这个停一下。
我来说两句