前端gojs使用教程

好了，那刚才呢，我们已经把复制运算符讲完了，接下来我们到一个运算符里面最嗯最为重要，也是稍微带一点难度的一个运算符叫做一元运算符。 好，那我们先看一下什么叫一元预算服务啊。首先呢，其实在我们正多的加速的运算服当中呢，根据所需表达式的个数，可以分为一元、二元和三元预算服务。什么叫表达式的个数呢？你来看一下啊。那二元预算服务，比如说这个加号， 我想做一个加法操作，需要几个运算服，需要几个？那个操作数两个数，表达式的个数，你看十和二十是不需要两个数才能参与运算，才能做加法减法。所以说这个加号就叫做什么二元运算服务。因为他需要两个数数来相加啊，这所以叫 二元预算符啊。好了，那么三元预算符你说需要几个？需要三个，那咱们就学一个三元预算符，因为二元是不是太多了，咱们学的基本上都是二元。那么我们回头过来看一元预算符，你说他需要几个操作数， 一个就行了。前面接触过哪一个算一元运算符？你们接触过的大于号，可是俩单大于五数，需要两个数的时候，那叫二元运算符。什么加？不是加，是两个的，不要说加，他叫做什么。 对了，正号和负号，这个叫一元。比如说我们学过这个正一二三，是不可以把它转换成数字型呀，那这个正号就叫做一元运算符，他是不是只需要一个操作处就可以了？正号负号都是属于一元运算符。 好了，所以说呢，我们来看一下啊，一元运算服务呢，比如说我们学过的正符号就属于他了，接下来我们就学一元运算服了。所以学完这个视频啊，小伙伴们能够使用一元运算服务做一个自增的运算就可以了啊。好了，那么我先问一下小伙伴们，以前我想要一个变量，每次加一，我们怎么做？又回来了， 我想让这个变量是不是要加一啊？在这啊，好，零二杠是不是叫做一元运算符？一元运算符 正好符号是不都属于月圆三伏？好啊，来我们看一下，以前我想让我的变量每次四加一怎么写？ number 等于十，让我想让它加一，我们有两种方法了吧。第一种方法是 number 等于 number， number 加一能不能行？第二种呢，就是 number 加等于一，是不是这两种方法都可以。 我说每次字加一啊，哎。但是呢，这种字加一的效果在我们以后开发中非常常见，特别是我用来数字的时候，我来数一数我这个数独里面到底有多少个东西是吧？我数到哪一个是不可以用这个挨着一二三四说每次字加一啊， 哎，来数啊，每次四加一。除了这个之外，那我们接下来再学一个新的，因为我每次四加一用的太多了。但是呢，我觉得前面这两种写法还够，还是有点麻烦。所以我们程序员呢，追求极致，我能不能再简化代码的写法。 哎，这时候呢，我们就讲一下我们用我们这个写法了啊。我们有一个更简单的写法了，这叫做自增。一元 运算符自增是不是加一有自增，是不是也会有自减，所以自减我是从来不讲的。因为你会了自增。自减是不是一推就行了？我们不建议你两个相似东西一起学，容易乱啊。好，那我们先来看一下自增运算符。有符号是加加，它的意思是让变量的值每次加一。 加一能懂吗？加加。记住这是两个加号了啊。是让变量加一。那减自减是不减减， 每次减一。那这个自增的运算符经常使用来记数的。比如说我对某一个 某一个元素啊，我操作十次，操作十次。哎，就说呢，这时候呢，我是不是因为他来计算我一共有多少次了。比如说我让一个动画跑十次，那我就算算啊，跑了一次了，跑了两次了，跑了三次了，是不每次都会加一啊。那到了十我是不是就停 下来，能不能懂啊？所以我来进行计算多少次了啊？这个非常常用，所以我们经常用加加。好了，那明白完使用场景之后呢？接下来呢，我们来看一下他们的使用方法啊。先看一下我们前啊自增预算服的使用。自增预算服啊， 他又分为前置之增和后置之增。所以说呢，我们来看一下啊。先看一下前置之增。好。那么字增运算符的写法就是加加 number。 这个写法简不简单？ 不用男本加等于一了，只要你写了加加。注意每次不多不少就加一。只能加一。那老师，那我想让他每次加二怎么办呀？不行 啊啊，加两次啊。对，加两次可以是不是啊？哎，那你就用，还不如用 number。 加等于二是不是更简单。哎。记住加加。自动运算符只能 每次加几一。好，所以说来我们看一下我们的预言数符啊。第一个就叫做前置自增。前置自增，那他为什么叫前置自增呢？因为他的加加写到前面。所以我来写一个比较大的数字，好记忆啊。 let i 等于一， o 不 ok？ i 啊， indest 是小缩影号的意思。缩影号啊，小缩影号的意思。 i 等于一。好，那么就是加加 i。 你会发现这两个加加写到了哪里？前面，所以叫前置之增。好。当我写完之后呢，我们 log 打印一下 i， 你猜结果是几 对了，它的结果就是二。来，我们看看是不是啊？ up 十二走着是不是二。所以前置 i 这加加的是每次不多不少就只加一。好，这个能不能理解？ 好，这是前置之增啊。好。有前置之增就有什么呀，后置之增 注意起来啊，电量里面不能冲突。这个呢，叫做后置自动。 后置自动，你猜把 i 加加写到哪里？后面对了 i 减加速就可以了。走着，你看每次还是几还是二，是不？每次是不还是加一。 所以说啊，前置自增和后置自增，它的作用都是干什么？加一的都是加一的啊。好，这是我们说的前置自增和后置自增，它的作用是不是相当于 number 加等于一啊？哎， number 加等于一啊。后置自增是不是也是相当于 number 加等于一啊。 好，这是他的一个执行过程。 o 不 ok？ 好。有什么要问我的吗？哎，对，非常好。你觉得这个 地方你就应该问对不对啊，他两个的区别是什么？对不对啊？好。所以接下来也是前置之增和后置之增最难的点了啊。他因为他的使用是不是非常简单呀，就加一吗？没有什么难度。那区别是什么呢？啊？接下来可要认真听了啊，不要走神了好小伙伴们 是吧？不要打哈欠了啊，要认真的来听了。他们两个的区别。首先，第一个，前置之增和后置之增单独使用是没有区别的。比如说你站在这个角度来看，加加 i 和 i 加加是不是单独的一行代码， 你这么写，他俩没有任何的区别，你用谁都行。但是呢，我们更喜欢爱加加，因为这个对我们的雨衣化会更好一点，因为我想让我加一是吧？爱加加会更好啊是吧？爱加加是不？我加加我加一 呀，是不是这样来说会更好一点是吧？你你啊加加爱的加我加我一是不？感觉不太好理解是吧。啊，爱加加会更好，所以我们更喜欢这么来写啊。那我们来看看他们的区别是什么？认真听了啊，不要分不开。 好。那其实呢，他们两个的如果前置之灯和后置之灯啊，如果参与了运算就有区别了。 这是一个小难点，但是对于小伙伴们来说，作为一个了解就行了，你能理解最好。 o 不 ok？ 很早以前啊，人家你去面试前端的时候实在没得考是吧，就就考你这个边边角角的哎呀，然后给你一大串什么 i 加加加一加加加 i 很到一场。然后考结果是几啊？ 现在很少了现在很少，几乎不考这些题了。啊。好了，但是呢，我要跟你们说一下他们的区别是什么？先看前置自动。前置自动呢？他使用的时候有点区别啊。来我给你先看看 前置字灯啊，我这儿写前置字灯，它的一个使用的区别啊。首先你看 let i 等于一 o 不？ ok？ 好，我做这么一个操作啊。你看我 log 我打印一下什么呢？ i 加加啊。这呃，这前置吗？是吧？加加 i 加一。我这么来写，能看懂吗？ i 等于几啊？一。我写了个加加 i 加一，是不是写完最后的结果是几呢？ 哎，最后的结果就来看一下。它的结果是三，结果是三啊。好。为什么呢？是因为这样子。你看 i 是不等于一啊。加加 i 是不是加加前置啊。前置前置记忆的口诀就是前置先加，先加一。所以说呢，加加 i 这个返回的结果是 几呢？二先加一加加二原来是一吗？你加了一是不就是二了？二加一的结果是几啊？能明白吗？所以前置加加是先自加。 能不能懂先字加啊。所以说呢，这个式子的结果呢？就是一个二。这个式子呢，就是一个二啊。就是加加 i。 反复的结果呢，就是一个二。二加一的结果不就三吗？ 是吧。其实前置加加是最好理解的，他最麻烦的地方呢，是在于后置加加来，我给你再看一下啊。所以前置加加他使用的口诀是什么呀？加加在前先加 是不是前置就先加呀？啊先加啊。那么你看这个地方啊，如果是加加二加二，结果是不就四啊？因为 i 等于一，加加二是不是成了二？那么二加二的结果是不是就四啊？啊，注意啊，加加二结果是二啊。那么这是前置之加。 前置字增。那么我再给你讲一个后置字增。听好了啊。后置字增写法 let i 等于一 o 不 ok？ 好，那么继续我 log 一下 后置的啊，后置的还是 i 加加一。小伙伴们，我们第一次见到三个加号连在一块，写的时候给我打一个空格，打开好吗？啊，打开它啊，这是一组的是不是啊？这个加号加一的啊。好了，这个小伙伴猜一猜，结果是几呢？ 哎，对，这个的结果呢，就是二了，他不是三。那因为这个什么加？加放在后面是不是叫后置加加呀？后置加加是后加， 就是先运算不运算啊，先参与运算，然后后加。所以啊， i 就等于一，那么 i 再加。在这里面，他不是单独的一行代码。你看，和这样上面不一样，上面是单独的一行代码。 单独的一行意味着这行代码已经执行完了。执行完了之后呢， i 就变成了二。但是你会发现这个 i 加加加一这个代码 i 加加，它执行完了吗？ 是不是他还要往后面去参与？继续加一这个运算呀，只有加完一，整个 ctrl log 语句执行走到这了，是不是用代码才执行完？所以 i 加加，后置加加是后加，所以 i 加加这个的结果还是一还是一？他后加。 什么叫后加呀？代码执行完了再后加啊，所以 i 再加。哎，已经执行完了。但是呢， i 这这个结果是不还是一？一加一的结果是几啊？二。但是现在我问你， i 变成几了？ i 变成二了， i 已经变成二了。因为这个是不是已经执行完了？执行完了， i 变成 二了。但是呢，在执行的过程当中， i 加加，它有个特点是先。什么先运算后加，后置是后加。所以这个 i 加加的结果是一加二。结果呢，就是二了，一加一啊，结果是二了。那只不过整个代码执行完之后， i 加加是不是已经比 i i 已经等于二了？ 所以最难就难在这个后置加加上啊，他不好理解啊。所以说，你看啊，我们的后置之灯是什么呀？加加在后，后加 后加地方啊。所以 i 加加加二的结果是几啊？三、此时注意啊，此时的 i 是一对不对啊？ i 一啊，就说先运算完毕之后呢，再自加，它是不是后自加呀？所以 i 变成几啊？二， 这两个能不能分开？嗯，但是我们说了，是不是作为一个了解就可以了啊？还是那句话啊，还是那句话。好了，这是我们讲 前置之增和后置之增的一个写法了啊。好了，那这是我们讲的这个的一个做法了啊。但是小伙伴们别着急。前置之增和后置之增在独立开发处两个有没有区别？ 单独使用说没有区别啊。好，这是我们，这是我们的第一点，第一点，第二点。有的小伙伴说，哎呀，那到底我怎么用呢？来，我告诉你啊，一般在开发当中，我们都是独立使用的， 别说你基本上遇不到这种写法，你也遇不到这种写法，这种你想写这种写法，纯粹是为了考验你的基本功，或者是逗你玩啊。真正在开发里边，我们都是爱加加爱或者爱加加，是不是单写啊， 来写啊。好了，那 i 加加和加加 i 到底哪一个我们最常用呢？哎，对， i 加加，后置的增 会使用，相对来说，而且都是单独使用的，所以我们是没有任何的压力，能懂吗？没有任何压力，以后开发当中，我想让他加一，就这么写就行了。 i 再加，让他每次加一，然后再输出这个值就加了一是也不是 ok 啊。这是我们讲的一元运算符里面的自增运算符。自增你会了是不是自减你也明白了。哎，这就我们说的自增和自减啊。好，小结一下。只需要一个表达式的可以运算的是不就叫一元运算符？ 哎，你会发现我这个 i 是不是只有一个变量就可以让他加一了？是不是自己一个人加，所以叫做一元运算符。那么字中运算符啊。为了简化，我们是不是每次都有加一啊？ 每次加一好，那使用的场景，使用的场景还记得吗？四宗印象佛什么时候使用这个？使用场景两个字计数啊。计数， 我用来数一数我走了多少次了。是不计数的呀。这他一个使用场景啊，经常用于计数来使用来计算多少次了。 在开发当中，我们一般是不单独使用的。后置加加会更多啊。对 o 不 ok。 所以讲了这么多，小伙伴给我记住一个啊。 let i 等于一，按一下加，让它加一。最后的结果是几？好好，能看到这个式子就 ok 了行不行？哎，要抓，要学会去抓重点啊。 好了，那讲完毕之后呢？嗯，这个能看懂最好。看不懂也没有关系， 只是为了是吧。来给小伙伴们看一看啊。这是很早很早的面试题了，现在问的时候几率已经不大了啊。猜一猜这结果可能是几？你怎么算出来的？你不是给我肯开车的老 出来的吧。 来看一看这结果是几啊。我们只是作为一个了解是不是就可以了啊？只作为一个了解啊。就说呢，你感兴趣的话可以看一看啊。 再说一遍这个是不是作为一个了解就行了啊？了解啊，不要在他身上花太多功夫啊。 首先是不是 let i 等于一， i 等于一 ok 吗？好。然后呢，我们 log 打印一下啊打印一下 i 加加是吧？加上一个加加 i 是不是再加上一个 i 加一个 i 结果是几呢？哎，有同 已经说对了啊已经说对了，那结果是七为啥是吧？来，我给小伙伴简单来分析一下啊。首先 i 等于一， i 是几一一好。 i 加加前置还是后置？后置后置应该是先参与运算是不后加呀。 所以 i 加加的结果是几啊？一还是一？是不接着往后去加哎但是呢，别慌别着急啊别慌别着急。那么 i 加加完了之后， i 变成了几？二？ i 已经成二了。这个这个这个是的。 i 加加是一，因为它后加吗？但是 i 加加已经执行完了吗？ 是不执行完了他是不是接着去加后面的效果呀？是那么这个是一但是 i 是不是每次哎加加本身是不是自加呀？ i 已经等于二了能不能懂？ i 已经是二了啊好然 然后呢？就是一加后面是不是加加？ i 好我问你 i 是几啊我问你 i 是几？二 i 是二那么加加二先自家是不是二加一是几？ 是不是先四加呀？好加完了之后呢？ i 已经是几了？三了然后再加上几啊？三那么一加三加三是不等于六啊？不等于七啊 sorry sorry 是不等于七啊是这么算出来的 啊先这么算出来的啊好了，这个呢，我们已经说过了啊，记住再说最后一遍啊。最后一遍你作为了解就行了啊。好。然后呢？ i 加加， i 加加。因为 i 加加后置它有个特殊情况，是不是 i 加加的结果就是一啊， 但是千万别忘了，他已经 i 加加。一旦执行， i 自动数变成了二是吧？因为这个代码执行完之后，数变成了二啊。啊，只不过 i 变成了二， i 加加还是 是一呢，是不是接着往后加啊。加那么爱已经成二了呢？加加爱。它相反是先字加二，加一是写三好。爱呢，就变成了三了。那后面这个爱因为没有加，没有减，所以不变，就变成一加三加三 可以了啊。好是结果是七。好。这个呢，能想明白最好，想不明白没有关系啊。作为了解。

好的小伙伴，那接下来呢，我们讲解一下循环的退出。也就是说呀，我们一个循环，不是说非得要从头到尾全部执行完，那在某些符合条件下呀，我们其实是可以退出循环的。 所以说啊，那当我讲完这个视频，小伙伴们能够说出 continue 和 break 这两个退出循环的区别是什么？ 所以说，接下来我们讲解一下循环的结束。哎，其实啊，我们现实中也有这么一个例子呀。比如说今天我 pick 老师一顿能吃五个包子，结果呢？你你非得要从头到尾吃五个吗？万一我发现我的吃的第三个包子里面有个虫子，哎呀，那那我就没胃口了，我就不想吃了。 所以说呢，后面第三个，第四个，第五个我都不想吃了啊。所以说呢，我只吃两个嘛。就像循环一样，不是说非得要从头到尾的去执行， 那怎么去结束循环呢？哎，那么我们先学第一个 break， 它可以退出整个循环。好，那就拿我们刚才吃包子来说我要我要吃。呃，五个包子。就好比我要打印五句话。那我们来写一下啊。那用循环怎么写啊？ let a i 等于一。接着呢 while i 小于等于几？哎，五就可以了对不对？然后呢？我要是不是要打印包子了呀？啊，那那我就 log 打印一下。哎 哎哎，人用这个啊，我要吃 n 个包子是吧？啊，包子是不是啊？这样来的啊？好，那吃第几个啊？写上 n 个 n， 我们改成刀轮大括号里面的第挨个就行了。 因为 i 是不是正好是一二三四五呀？好了啊，从小伙伴们写完一定不要来写什么 i 加加就可以了。好， 走，你发现我要吃第一个，第二个，第三个，第四个，第五个包子，对不对啊？但是呢，我们发现，当我吃到第三个包子时候，一打开，哇塞，里面有会正在里面进行跳舞的一个虫子呢。那那那那没法吃了，我要结束循环 啊。那怎么办呢？哎，我们说加个判断条件呀。看好了。 if 我知道第几个，第三个 i 等于了三，是不是第三个啊？那怎么办呢？ break break 的意思是退出整个循环，退出整个循环啊。好了，那当我写完之后，小伙伴注意仔细看啊。我保存一下走。 哎，你会发现，是不是只打印出来我吃了第一个，第二个，那后面就不再执行了啊。因为呢，第三个包子有虫子吗？是不是，所以我们就不吃了。所以你会发现 break 呢，是已经退出循环了。那代码怎么执行的呢？你看 let i 等于一， 一是小于等于五的条件不成立。所以我就打印吃了第一个包子，然后 i 加加。然后呢，再循环的时候呢， i 成了二，二也不满的条件。所以说呢，在打印了第二个包子， i 加加， i 是不成了三呀，那你成了三之后呢？再一回来。哎， i 等于三了，怎么办呀？ 直接退出循环，直接结束我整个循环。是不是跳到循环的下面去执行我的语句啊。好，这是这是我们说的 break。 那除了 break 之外呢，我们还有一个结束循环的，叫做 continue。 那只不过 continue 是结束了本次循环，继续下一次循环。 哎，来，我给你解释一下啊。好，那到这里我把它呢复制一份，同时把上面收拾起来啊。刚才我们说的是 break。 然后呢，我讲一下我们的 continue 啊。好，那么还是吃五个包子对不对？那我如果等于第三个的时候呢？哎，我改成一个 continu。 好，这个 continu 写的时候呢，小伙伴们一定要小心，非常小心。那我先给小伙伴们解释一下 continu 它到底什么意思好，现在我不敢保存啊。我如果一保存啊，你发现这会一直转圈，哎，这个页面就卡死了啊，成死循环了。那什么意思呢？哎，注意啊， 在 ctrl 呢，是结束了当前一次循环。你看 i 是不是等于三呀，比如说他在第三次循环的时候呢，结束 他会跑到哪个地方去呢？哎，再回到上面来进行判断。所以说呢，使用 continue 的时候呢，一定要小心是结束本次循环。 那也就说呀，当我这个循环结束完毕之后呢，下面代码已经不再去执行了啊。所以说呢，我们下面这个呢，就没有打印啊。那为什么成死循环呢？你想想，那如果 i 等于三了，他已经 continue 了， continue 从哪个地方呀？他直接就跳到这来了呀。下面代码不知行，所以。哎，佳佳没有知行。那一直是几？一直是三，三一直小于等于五，所以一直卡在这了。所以一定要小心啊。啊，那怎么办呢？哎，我们写的时候呢，要 要你像它等于三了。 ctrl 之后是不是要执行一次，再 i 加加呀？哎，这个 i 加加还不能写到位置了，还是要写到 ctrl 的上面，知道为什么吗？ 因为 ctrl 是不是下面代码不再执行了？你你把 i 加加写在下面，是不是也不会再执行？所以一定是先加加，再 ctrl。 好，这样就没问题了。来，我们保存一下。早上啊，完了，卡死了是不是啊？好，我重新再打开一次。再打开好了。我们 app 十二键，注意仔细看他输出结果是第一个，第二个，他发现是不是把我们的第三个包子给他略过去了。因为你是第三个包子吗？是不是啊。所以说呢，你看啊，他 代码直行的时候， i 等于一，一小于等于五，那不满足 if， 所以打印第一个包子，第二个再打印出来。但是呢，当我们 i 加加成了三之后呢，三小于等于五，那么等于三吗？等于三，我先加加，我先把 i 变成四，然后再 ctrl 下面不再打印了，所以直接上来四是小于等于五的啊， 所以肯听听呢。一定要注意是结束本次循环是不是啊，继续下一轮循环啊，继续下一轮循环。 所以说你要分开他们两个啊。布瑞克是什么意思啊？如果循环里面遇到布瑞克，直接退出循环，他呢是到循环的下面来进行代码。 而我们的 continu 呢，是结束本次循环，他呢下面的代码不执行，接着来去判断。哎，所以说他们两个走的方向是不一样的。所以这个呢，小伙伴们一定要小心。好了，那当我们把这个执行完之后呢？ 其实我们他们两者的区别我们就讲解完毕了啊。好，那区别呢？就是 ctrl 是退出本次循环，那一般用语言排除和跳过某一项的时候，我们可以通过 ctrl， 那我们通过刚才代码也看到了，是跳过了某一项。好。 break 呢，是退出循环， 一般用于结果已经得到后循环不需要的时候啊，我们就可以来使用了。比如说我去便利一个数组，如果我发现我找到的那个数组元素已经找到了，那后面还有必要再去循环再去找吗？是不没有必要了，找到我们就结束循环，这样可以提高我们的性能。好了，这个呢，就是给小伙伴讲的我们的退出循环。 好了，那我们讲完这个 break 和肯定的区别之后呢？接下来我们做一个页面啊。页面弹框。页面弹出框你爱我吗是吧？如果你输入到爱就结束，否则是不是一直弹框。哎，这个死循环没关系啊，他死不了， 因为我有弹框，它会限制着我这浏览器。这个应该怎么做啊？先页面 prompt 输出的对话框，说出你爱我吗，如果不是是不是就一直弹，如果你输出爱是不是就结束啊？ 那一直弹夸。我们应该用到什么循环是不是用的循环呀？那结束循环应该用谁？ 结束循环用用哪一个语句？ break 是不是叫 break 呀？因为循环挑战永远未真呢，所以一直穿对话框。那只有我们 输入的 i 的时候是不是在退出我们循环呀？所以你来看啊，我们可以这么做是吧？然后我们再写写一个啊，这个来做一做，新建一个。这个呢，是幺九杠是吧？来，你爱我吗是不是啊？ 点 h t m l 对吧？哎，过来啊。因为它是一直在循环的对吧？所以我们肯定是用到我们的 y 循环对吧？啊， y 循环啊，看仔细。我把这个呢截个图 f 三放到一边。 好，注意仔细看啊仔细看。现在呢。首先我们是不是 script， 是不是上来就 wil 循环就行了。好 wil 一直循环的话。哎，我们第一次见这种写法啊。我这么写，你看看这是什么？这什么 well to well 处 是什么意思？ 是不是永远未真？永远未真是不是里面执行语句的时候是不是永远都是在执行的？所以说你看啊，我要处，那我就 let 然后呢？执行我们这个啊。比如说 str 等于 prompt promise 啊。写括号写上你爱我吗你爱我吗是不是这样子。如果我这么写的话，他是不是会一直循环一直弹窗呀？好，我先试一下啊。试一下右击选择你们的打开走着是不是有个弹窗？好，我点确定确定确定他是不是一直在弹， 看到没有哎。那我如果输入一个不爱走着是不是还会的让你重新输入哎，那只有一种情况下他才会退出。你说的是什么？爱的时候退出，退出又什么呀？ break。 所以我们在这里面应该写个什么小恋爱 是不退出条件呀？好退出条件好退出条件是不是结果就是爱啊爱爱啊。 ok 那写上一个爱就行了。那我是不是可以这么做啊？就是 if 如果我的什么呀 str 嗯，娱乐哪个字？爱是不等于了爱啊。那我就应该做一个什么事 break 退出。否则啥也不干继续谈吧是不是这个样子？是不是就这么简单？来试一下啊。打开你爱我吗？ 不爱走着是不是在输入爱过也不行，只有你输入的爱是我满足条件。我敲回车走着有没有退出来？ 这就是我们说的退出条件。能不能看到哎 well 处是一直会执行。那只有一种条件就说是只要你满足了我爱我说 break 是不是可以退出整个 yo 循环呀？ o 不 ok。 哎，能不能理解？来小伙伴快点啊，两分钟把这个案例写完它啊！

数的方法啊，这个方法我们也是暂时了解一下，用的他没有那么多啊，但是了解一下用的叫做一个敷 一尺或一尺，他是我们这个数字的一个。这个方法数值下的方法。这方法是干嘛的呢？你们说了哎，一般我们都是什么呀？都是使用这个货循环去什么样去辨别 速度啊。一般我们都是使用复合循环去便利速度。那么什么呢？哎， g s 中哎，还为我们提供了什么呢？提供了一个这个方法。哎，用来干嘛呢？哎，用来这个便利速度啊。那什么方法呢？就是我们说的叫什么呀？叫做一个福一指啊。福一指什么？ 所以我们来看怎么用啊，还是拿咱们之间那个数组举例的，把这数组呢，给粘过一个 ctrl c ctrl v。 我还是先来个嘛呢， 先来创建一个这个数字。那我们之前去便利的话，我都是什么呀？写一个货循环，然后去便利对吧？哎，那么什么呢？我还可以调用我们这个数字的瑞点一个 fex 方法去便利啊。 fex 方法便利，大家注意。 用之前呢，我们先来注意一下，他写一个兼容性的问题，哎呀，所有亮相机都是彩色的，唯独有爱意，他是一个半蓝蓝半拉灰的。他写什么呀？爱意九以上，换句话说 fo e 是爱意八和以下的乱七都是什么呀？ 不支持了啊，不支持了。所以这里边我们来说一下。所以这个方法也是为什么说用了没有那么多的一个原因啊。我们说这个方法只支持我们什么呀？艾叶巴以上的这个浏览器哎，就是艾叶巴是像是干啥呀？不支持了啊，艾巴是不支持了啊。 那这一块我们来看一下。嗯，写了一个这个 fex。 那这 fex 我们来怎么用呢？我们来说一下啊，我们这个 fex。 这个方法 需要一个这个函数作为参数啊。需要一个函数作为参数。什么叫函数作为参数啊？来我这写一个。来一个什么呢？翻个身来一个 fun。 我这边定一个函数啊，你要将什么呢？将这 fun 作为参数给他 传进去。哎，将这个函数左右参数。注意我这能不能传 fun 圆块啊。那圆块是不是传反文值啊？反文值没有，谁让你这样传，就相当于传了一个安碟贩子。所以注意要传一个函数。但是一般呢，这种函数我们不会这么传，因为这么传啊，你是不是又在这个全局作用域里 创建这么一函数啊？没有必要。一般我们都怎么传呢？直接在这来一个方式。来什么呀？ 匿名函数。哎，直接在这里边传一个匿名函数，作用是一样的啊。现在我已保存走你。哎，是不是没有什么变化呀？哎，没有什么变化。但是这边我们来看一下啊。那这传个函数作业参数这方法他是怎么去便利的呢？那我们先来看看。那既然我传了个函数作业参数，那你说这函数他掉没掉？ 我们说看了呀，看瘦点烙的一个这个 hello， 随便写一个。我们先看他掉不掉啊，先抹上。怎么掉的？易保存。 是确实掉了呀。哎，确实掉了。而且我们来看这函数我掉了吗？我没掉吧？我只是声明这个函数吧。哎，我们只是声明这个函数。那这个函数怎么说像什么呢？像这种函数 什么呢？由我们创建。但是什么呢？不由我们调用的。我们什么呢？我们称为叫做什么呀？哎，叫做回调函数啊。回调函数我们没调，谁调的呀？ 哎，浏览器钓的好。胡说，在这函数内部钓的，我们简单理解就是什么呀？就是由浏览器去钓的。我们干嘛呀？我们只是把这函数给浏览器传过来，然后至于怎么钓，由谁决定啊，由浏览器决定， 你能理解吧。所以注意啊，这函数是我们创建的，但是什么呢？不由我们去钓啊，不用我们钓。哎，那这穿上了以后我们再看这函数他钓了几次呀？几个？哈喽啊，一二三四 五是应该是五个 hello 是吧？函数执行了这块，应该是执行了五次。哎，为什么执行五次？ 一二三四五是五个元素啊。来，我扇一个，这一保存走。你是四次了。来，再扇一个， 保存走。你是不是三次呀？哎，三次。所以这边我们来说给他改回来。我们说什么呢？我们说我们这个 数组中有几个元素，我们这个函数就会什么呀？执行几次啊？数组中有几个元素，函数就会执行几次。执起有五个元素就执行五次，有十个元素就执行十次，有一个元素就执行 一次。也就说这函数他会执行什么呀？多次。哎，那这就看来有问题了，他执行一万次我也不管，执行一万次跟我的好像没什么太大关系是吧？我 关心的是什么呀？我关心的是我这里边元素是谁吧。我要获取的是这个元素，而不是想这函数执行几次。那么想想这函数是谁掉的呀？ 是由浏览器掉的吧。那你想想，浏览器掉一个函数，他是不是就干这掉的？哎，你说他会不会给我们传进两个参数玩玩啊？ 咱们是不是可以看看呀？哎，来，我盯一个。假设我就盯一个 a， 我直接来一个，看瘦点。 love you！ 一个 a 等于我加上一个 a， 我们先看看有没有啊？不管他是啥，我一保存，走你。嘿， a 等于孙悟空， a 等于猪八戒， a 等于沙和尚， a 等于唐僧， a 等于白骨精。首先这个 a， 这个刑餐，他是不是的确传食餐来 十三哪来的？是不是浏览器传过来的呀？哎，浏览器传过来的。所以注意，数组中有几个元素函数就会执行几次。每次执行时，我们的什么呢？浏览器会将我们这什么呀？便利造的什么呢？ 哎，便利到的这个元素以什么呢？哎，以这个什么呀？食餐的 形式干嘛呢？传递进来，每次一个。第一次执行的时候， a 是谁啊？ 孙悟空。第二次执行的时候， a 是猪八戒，第三次执行的时候， a 是沙和尚。每次是不是都是一个元素啊？所以注意啊，浏览器会将便利到元素以十三的形式传递进来。我们可以干嘛呢？哎，我们可以来定 定义什么呀？定义行参来干嘛呢？来读取这些 内容。那你现在来看我这一定义第一个行三是不是就 a 啊？那 a 是谁啊？是不是就是我这个元素啊？哎，就是我这个元素。那我们来看他是不是只传了一个 a 呢？ 咱们来看看。来一什么呢？来一个 b， 我要看看什么呀？ b 有没有吧？哎，来我这输出一个 b 保存，咱们来看走你。哎， b 也有， b 是零一二三四。我再来看看 c 有没有。咱们先不管他是啥，待会研究是啥。我们先看他传了几个参数，看看有没有 c， 然后轻松一下。易保存。哎， c 是不是也有啊？ c 有，再看看有没有，有没有 d， 直接来一个 d， 咱们先看他的数量，不管他的直啊，不管他直，然后一保存走你。哎呦， 地，有没有，没有安爹贩。那证明我们这个传了几个参数，三个参数吧。哎，所以注意哎，我们浏览器会在我们这个回调函数中干嘛呢？传递哎，三个 参数啊，三个参数。所以这呢？这个 d 你就不用再去写了啊，不用再写了。所以只需要三个就够了。那现在我们来看看这个 abc 分别是什么？ 直接来一个 a， 等于我们先看 a。 a 其实刚刚咱们已经看到了易保存。孙悟空猪八戒，沙和尚，唐僧白骨精。这什么呀？ 这是不是就是数组里边那个元素啊？哎，就是我们数组里边那个元素。那所以我们来说第一个参数。注意啊， 考虑顺序了，你叫 abc， 其实无所谓。我们考虑顺序。第一个参数是什么呢？哎，就是我们这个当前 哎，正在便利的什么呀？元素啊，当前正在便利的元素，你便利到第一个了，就是孙悟空，便利到第二个就是猪八戒，便利第三个就是什么呀？沙和尚。如果你这里边放的是对象，那 a 就是你便利到那什么呀？ 对象啊，是谁便利到谁， a 就是谁啊，便利到这个元素。所以这块呢，我们叫 a 呢，就不合适了。咱们这样吧，我叫一个名吧。叫一什么呀？歪六叫直啊。是不是就便利到那个直啊？哎，或者 a 六的元素也行啊？歪六歪六等于一个他。但是这名呢，无所谓行三的名呢。想定义啥就定义啥。 再来看谁呢？第二个参数。第二个参数是不是我这个 b 啊？ b 刚才也好像也比较明白了。零一二三四。这是什么呀？索饮吧。 哎，所以所以我们来说第二个参数叫什么呀？哎，就是当前正在便利的元素的这个。所以吧。哎，所以第一个元素，所以是不是零啊？第二元素所以是不是一啊？哎，十一个。所以。那第二是所以呢？叫 b 也不合适了。 叫一个什么呀？引带克斯啊。所以的意思叫做一个引带克斯。那这一块呢？其实效果就是一样的啊，一样的。那再来看谁呢？再来看 cc 是个什么玩意呢？直接一打印。哎，你发现什么了？ 好像是所有的元素是吧？哎，我们来看他的类型吧。直接来一个。太棒哦。这一保存走。你是个什么样对象？对象？他是哪个对象啊？哎， 你一看，他是不是像一个数组啊。来，数组来。我来什么呢？ c 等等于何瑞。何瑞是谁啊？是不是我们正在变这个数组啊，我们看看他是不是一个啊？可以保存处啊处。那第三个参数是什么呢？ 第三个参数就是什么呢？哎，就是我们这个正在便利的这个什么呀？数组 你便利谁，他就是谁。我便利德瑞，他是德瑞啊。所以这咱们给他起个名叫一个。这个欧比基是什么呀？是不是数组那个对象啊 对象啊。好，那现在我们来注意了这个函数里边，我们浏览器给我们传来了三个参数，一个是我们这个歪六，什么呀，正在便利那个元素，一个是引带，是我们这个，所以还有一个是 obd， 我们正在便利那个对象。所以呢，如果你想获取歪， 你就看透点。 bug， 这个谁啊？歪了，这就是我们什么呀？哎，这个元素你想获取，所以你就要引带克斯。但是 oobj 呢，相对来说可能就没什么大用了，主要还是我们这个歪六，还有这个引带克斯啊，歪六和引带克斯好。那这个呢，也是一种编理方式。这种方式呢，其实你要用熟悉的话，比我们这个货循环要稍微的短， 要稍微的简单一些，你就不用再写什么万一个哎等于零了呀，什么什么乱七八糟的了。但是这个东西呢，我们来说一下啊，哎，能理解吧应该。现在。哎，那我们来看什么呢？看看外部浏览器，先看看我们这个火狐， 这一刷新走你可以吧。哎，出来了再来看什么呢？ pro 们就不看了，那只就是一个 pro， 然后看我们这个 i m 十二这块，一刷新，控制台是不是出来了。哎，再来看谁呢？直接 i 九 是不是也行啊。再来看我们这个爱意 a 八是不是报错了呀，对象不支持我们这个说意志属性或 方法，我们就说了，哎，这个什么呀，我们这个科一直指在什么呀？爱一八以上浏览器中支持吧，所以什么呢？哎，爱一八及哎，以下的浏览器均哎，不支持该方法， 哎，该方法。所以什么呢？所以如果需要我们这个兼容什么呀，艾叶吧，则什么呢？则不要使用我们这个或意识，还是用谁呢？还是用这个货循环更靠谱一些啊，货循环肯定没问题，还是使用我们这个货循环，哎，来 便利啊。但是这块呢，我们主要还是讲一下这方法。这个东西呢，我们开发的时候呢，不推荐你用啊，因为他有这个问题，这里边注意了。实际上我们说了爱一七，爱一六，我们我们基本上遇不到了，没有什么人用了。但是我们现在什么呢？爱一八现在和这个 pro 基本上是我们市场占有率最大的两款浏览器，所以一般我们开发项目呢， 还要考虑去兼容什么呀。 ae 八那此时呢，如果你采用了一个 fowees， 在 ae 八里完全就完了，就给你 报错了啊，就给你报错了。所以这时候呢，最好就不用了。但是如果你不接触下尾巴或者什么呀，你以后做的是什么呀？移动端的。什么叫移动端的呀？你这个东西在手机里运行的，那这个就可以干嘛了，放心去用了啊，放心去用。好。那这是我们说便利的另一种形式，叫做一个货，地址我们来。

哈喽，大家好，我是老陈，有很多小伙伴说他们在买房的时候，或者是在租房的时候，他们可以看那个贝壳啊，贝壳的话是可以看到，就是说在手机上啊，或者是在网页上可以全景的看房，那 像这样子的一个效果，我们前端是如何去实现的呢？那好，那这一节的话我们就来说一说啊，这一个呃实现的一个方式啊，那在这里的话我们啊给做了一个案例啊，给大家 这个案例呢，就是一个就是三百六十度全景展示的一个效果，那大家可以看到，对吧？啊？那当然这里的话是一个外部的一个风景啊，当然的话如果你把它就是说啊，就是 图片转就变成这个室内的话，那么他就变成什么室内的一个展示了，那他的一个呃形式呢？是一样的， ok 啊，当然的话你可以什么全景看房吗？对吧？ 你看就像这样子， ok 啊，那把浏览器啊，进行一个全屏就可以展现这样子的一个效果了。好，那像这样子的一个实线的话，我们来看一下是怎么实现的？首先的话我们在这里面的话会使用到了我们的呃，飞行啊，前端非常 好玩的一个库啊，并且非常实用的一库，就是所以 js 这个 js 呢，他可以什么实现三维立体的一个呃效果啊，去呈现出来，那么在这里的话他有很多的这个案例啊， 啊，比如说啊，你可以看到，哎，你看，你看你网页上你可以什么实现这样子的一个随风摆动的这样子的一个什么？呃效果，对不对啊？非常的酷炫啊， ok， 除此之外呢啊，他有这个房子，对吧？啊，你可以看到，哎，这里有什么？这个， 呃，火车，对吧？从这里面出来，然后你还可以什么这个翻转看得到这个效果，对不对？ ok， 那么我们可以看到他在动啊，然后你也可以什么 把整个视图啊，这样子进行一个什么翻转了效果来看，所以的话呢，像我们啊看到的这个，比如说贝壳啊，他的这样一个效果，那实际上就是嘛，就是用 cs 啊去完成啊。 好，那我们现在话来看一下啊，这个是怎么是实线的？ ok， 那在 这里的话，那当然的话，我们首先的话是需要先把我们的就是，呃，所以 mini 点 js 以及啊我们通过 css 渲染啊，这个三 d 啊的这样子的这两个库啊，给他什么导入进来，这两个库呢？都是，呃，所以 js 的这个自带的啊，就是 说你可以直接从他官网上可以下载的下的到啊，那在这里的话，我就直接把什么下下来了，好吧， ok， 那下载下来之后呢，那么我还准备了这个 这几张图啊，就是说其实我们看到的一个全景的效果，实际上本质上就是由啊这六个图啊实现的，呃，其实他的一个整体的一个思路呢，就是 在我们的这个浏览器上啊，就是，呃做出一个什么正方形，对吧？一个立体的空间啊，那在这立体的空间里面呢，放上啊这六张图片，对吧？好，你就在中间啊，去看这六张图片啊 形成的一个什么效果，然后呢，你可以让什么让这个视野啊进行一个转动啊，那么就可以实现我们全景看房啊，看环境的 的一个效果，好吧？ ok， 好，那么我们啊知道了这样子的一个思路的话，那么我们就知道啊，怎么去实现他了。 ok， 那在这里的话，那么我们就什么就是把这两个啊， cs、 三 d、 rond 和这个 summit gs 给二维码引入进来， 那接着的话，那么我们啊就开始去写我们的这个 gs 吗？当然的话，我们的这个整体的这个结构啊，就刚刚我们说了我们要有六个面，所以的话，我们在这里的话，我们就什么写出了六个面啊？第一个面， 第二个面，第三个面，第四个面，第五个面，第六个面，对吧？然后每一个面的话，他的这个背景图片啊，就把我们刚刚的那那几张背景图片按照这个，呃，什么这个面啊，是在哪一面给他什么放上去啊？就 把这些资源啊放上去就可以了。好，所以的话就是一个 div 啊，放上一张图片啊，形成一个面 吧。啊，那这样的话，我们就可以等会就组成一个什么立方体，对不对？啊？是这样子的。好，那现在的话，我们这样子的一个结构我们已经知道了，好吧？然后呢，我们就，然后也把这两个库我们引入进来，那接下来的话我们就来写什么，我们的这个 cs 的不是这个 gs 啊，这个 gs。 好，那 js 的话，我们来看一下是怎么写的啊？那首先的话，我们啊就是，呃，首先啊，就是大家要知道，那 他这里的话，他就是说啊会有一个场景，那这个场景的话，当然就是由我们这个什么六个面所组成的一个什么正方形，他是一个什么场景啊？就所形成的一个空间 啊，一个场景， ok 啊，那这个场景的话，那也就说那我一个人啊去看一个立体的东西，那么 那我们在哪个地方看啊？那么我们就叫做摄像头啊，摄像头，那比如说我们在这中间，对吧？这个房子的中间或者正方形的中间，那 去看，那么所以的话，我们就需要什么把这个摄像头的位置摆放在这个中间，对吧？然后呢朝着哪个方向去什么拍照，对吧？那么我们就可以什么看到哪一面的一个效果啊？所以的话，这就是啊，我们啊 等会要什么要弄出一个摄像头来，然后弄出一个角度出来去什么拍照，对吧？然后呢啊，这是我们的这个用这个 cjs 去什么创造出我们的这个什么场景啊？然后呢这个什么渲染啊？就是通过哎，渲染出 我们所看到的这样子的一个效果，好吧？好， ok， 那首先的话，我们第一啊就是要通过我们的这个 啊，所以 gs 啊，去创造一个三维的一个项链啊，那这个三维项链的话就可以帮助我们，你看啊，就是我们的摄像头啊，就是什么摄像哪一个位置，对不对啊？摄像哪一个位置， 所以的话我们需要用这个创建一个什么三维的一个项链，那接着的话， 那么啊，我们在这里的话，那我们那这是一个单这个三维项链，我们是没有做任何操作的，就是一个啊，简单的三维项链啊，就初始化，然后呢我们就要什么？就是要设置角度吗？对不对？那比如说啊，我们那就是看正前方，或者是看这个左边右边， 对不对啊？那么我们啊就可以什么？就是，哎，你的一个角度啊？那这句话，哎，比如说我旋转九十度去看啊，那我就什么设置九十度，然后呢？这里的话，哎，我这个是什么水平去看啊？就是啊，比如说我们的这个眼光，对吧？那我们 原先我们是这样子的啊，这样一个人，对吧？我们比如说看在这个位置，对吧？啊？那这样子的话他就水平，那么我们就什么设置成零度，对吧？好，然后的话，那么我们在什么？我们在。呃，比如说我们选啊，这个 往上看，往下看，那么这样的话他也形成一个什么角度，对不对？ ok， 好，然后呢我们啊就是在旋转啊，旋转他也是一个角度，对吧？那所以的话我们就用这这这几个啊来去设置他，然后呢？呃，这个是我们的一个度数，然后呢 如果我们要改成弧度痣的话，那么啊你就是要把它对应起来啊？ ok， 好，那所以的话我们在这里的话，那么，呃，这个是角度啊？就是，哎，我说设置是多少角度？然后另外一个是什么是弧度啊？ ok， 好，那接着的话，那么我们就可以什么？就是初始画我们的这样子的一个操作，然后呢啊， 通过我们这个爱丽爱丽美啊去完成这个啊，动画啊，好，那首先的话第一就是初始化啊，他要做什么事情啊？第一件事情呢？就是把我们的这个摄像机啊给他什么干出来，对吧？ 的话呢？他是一个摄像机，那摄像机其实是什么？就是模仿一个人眼的一个投影的模式，那这里的话他就什么， 这里要传递这几个参数啊，第一个参数呢就是，呃，一个人的一个事业的一个角度啊，一个事业的角度，比如说 我们啊，比如说从一个相机啊，那我要看他的这样子的一个什么角度的话，那他这个角度是多少？也就是人脸的一个视野啊，就是说相当于是什么呢？相当于就是比如说我们现在这里是一个点，对吧？那么我们，哎， 眼睛他什么，他是打开来看的吗？对不对？那所以的话他的这样子的啊，所形成的一个视野的一个夹角啊，那么就是这个啊，度数啊。 ok， 那这一会我们就设置什么是七十五，对吧？ ok， 那接下来的话他就是设置我们的一个这个 s 背 啊，这个背的话他是一个什么呢？他是一个宽高比啊，就是说，哎，我们屏幕的宽高比是什么？那这个屏幕宽高比的话，那很简单，就是什么？当前你浏览器的一个宽高比，你所展现的一个东西吗？对不对？ ok， 那我们就什么把这个宽高比给他什么设置出来？ ok， 就是当前的这个宽度比上他当前的高度，那么这样的话就可以形成我们的一个什么视野吗？对不对？那就相当于是这样子， 对吧？哎，对吧？啊，那这样的话就形成了一个这样子的一个四方形的一个什么视野啊？那这样的话这个视野呢？他宽高比是多少？那就是这样子去显示，明白了吧？好， 那接着的话，那么我们啊，下一个啊，这个参数是什么呢？这个是啊，最近的一个焦距啊，一个是最远的一个焦距，也是说，呃， 哎，我们比如说看最前面啊，一像素是多少，对吧？然后看最外面啊，一千像素是多少，那这是一个焦距啊，就是能够调节的一个焦距。 ok， 好，那么我们就直接设置成一到一千就可以了。好，然后这里的话，我们是吗初始画一个，所以 啊，所以的这样子的一个 gs 的一个场景，对吧？啊？赛，好，这就是场景，那场景的话就根据什么我们刚才的这个，呃， 说到啊搞一个正方形，对吧？那在这一会我们就什么要搞一个正方形来完成这个场景。 ok， 接着的话这个就是什么他的一个呃，位置啊，就是说我们的六个面啊所设置的位置，那么就通过这个来进行操作。那，那因为咱们可以看到，就是说啊，比如说我们 以某一个为中心，对吧？以圆点啊，假设我们在这里面画一个，比如说这个是一个中心圆点，对吧？那假设我的这个整个屏幕，呃，就是他的一个大小是什么幺零二四，对吧？好，那这一画，那么我们比如上面就是什么五幺二，对吧？ 下面就是往负的五幺二啊，那么前面也是一样的，然后他这一块有什么 xy 轴吗？那所以的话我们就什么分别进行相对应的一个设置就可以了。然后呢你的这个面啊，再进什么相对应的一个旋转啊，那这里可以看到他什么旋转的话，也是有 什么三个轴啊，比如说 s 轴的旋转， y 轴的旋转，还有什么 j 轴的旋转啊，根据这个去设置就可以了。好，那通过这里面的这个什么设置，我们就把什么六个面啊，他的一个位置和旋转的一个方式改什么进行了一个设置 好，那形成了一个什么数组，对吧？ ok， 那么我们通过对这个数组啊，然后去什么去把我们啊， 这个啊，对象啊，就说我们这个图片的这个对象的这个具体的位置给他什么？去深圳出来，好，那这句话就是什么啊？ cs 而不再，然后呢？去创建一个元素，对吧？ ok， 好， 在哪里创建呢？在这个艾乐门这个元素上创建，对吧？然后的话这个，呃对象他的什么具体位置，就可以 去根据这个赛的 perfcison 他的位置来进行操作，对吧？啊？也就是说我们当前的这个来进行操作。 好，然后呢？他旋转的角度啊，也是通过这个 ruckyon 来进行旋转。好，然后呢？把那什么添，把这个什么我们的这个所创建出来的这个场景，对吧？啊？添，就把这个对象啊添加到我们的场景当中， 好，那这样的话做好了之后呢？我们在什么去创建一个什么啊？我们的这个所以 js 这个框架的这个渲染啊，对象啊，那渲染对象的话他可以什么？就是，哎，你要渲染的这个宽高 是是多少，对吧？那我们创建一下，好，然后呢我们就什么，我们就在这里面追，把这个渲染的这个艾伦本对象啊，给什么创建到我们的波底上，好，然后呢？ 我们在整体的去监听一下我们鼠标的滚动，还有我们鼠标的这个移动，那完成我们的什么这个拖动啊，比如说拖动上啊，拖动下，这样子的一个效果，对吧？啊？ ok， 啊，那像这样子拖动上拖动下啊，这样去完成， ok， 然后在这里的话，我们啊，就是，呃， 既然做好了这一个啊，初始化做好了，对吧？啊？你看我，我这个场景做好了啊，初始化做好了啊，我们这个事件也监听了，那是不是开始要渲染了，对不对啊？那就是，哎，你妹的啊，那 这个 adm 的话，他就是，呃通过请求动画针啊，就是一针一针的去来进行渲染，那这个一针一针到底要渲染成什么，就要根据什么我们的这个角度，对吧？啊？将这个是我们的这个角 度啊，将角度转成我们的弧度啊，转成弧度，好啊，这个的话也是一样的，将角度啊，就是在这里啊，就是将角度，通过这个方法将角度转化成弧度， ok， 因为我们的这个啊，摄像机啊，他是什么？他是看弧度的，所以的话，呃，他是看弧度制啊，所以的话他通过这个啊，这两个我们所设置的，然后去什么去转换成 他的一个弧度，然后呢？再把它转换成我们的 x、 y、 e、 z 啊，也就说我们前面这里面 定义的，对吧？这个三维的一个项链啊，他到底是啊，切换到哪一个轴，对吧？切换到哪一个轴啊，就是哪一个项链，他到底是往哪个方向去看的，对不对啊？就像这样子，哎，我从这里啊，对啊，这是一个项链，对吧？ 那我就什么，我从我的摄像机就什么往这个方向去看吗？对不对？ ok， 那那么我这个项链是由什么决定的呢？那当然是由什么？空，这个什么，我们这个是圆点吗？零零零零，对吧？然后另外一个什么 x、 y 一键他的一个坐标，对吧？那通过这两点，那我就什么通过变成一个什么项链，然后这就是什么一条轴，然后呢这个什么摄像机就按这个什么方向去拍摄去照啊，就可以了。好，那在这里的话，那么我就什么把这个摄像机啊，这个啊 x、 y、 z 啊计算出来，计算出来之后呢？那么我们什么调用这个下相机看这个方向，对吧？啊？看这个项链啊，他给。好，那这样的话啊，我们看了这个，那么我们往这个方向去看了，那我就知道我要渲染什么了， 对吧？那 ok， 那么调用这个 red 的这个函，这个对象啊的 red 函数，把这个场景以及摄像机啊他所要拍照的位置给他什么渲染出来就可以了。 好，那 ok， 那就是这么去操作的，然后这里面的话他就有，比如说我们啊，就是当这个窗口调整的时候，那么他也可以什么调整整个的这个视野的宽高啊？ 就通过这一个方法，然后呢当我们鼠标按下去的时候，那么我们要什么获取他什么？就是说，哎，鼠标按下去，然后移动的话，那么我就要获取他的什么 x 和 y 轴，那么啊去计算出我的这个啊角度啊，我转转 转了多少角度，然后呢我这个上下移了多少角度，那么通过这个方式去计算出来，然后呢当我鼠标弹起来时候，要把什么这个事件啊要给他取消掉，就是不让他什么再改变我 这个什么角度了，对吧？ ok， 那滚轮也是一样的啊，滚轮也是一样的，也是一个视野的一个角度啊。 ok， 好，那这样的话，我们就可以什么实现这样子的一个三维立体的一个效果啊？通过这个方式。 好，那这样的话，那么我们也可以就是说啊。呃，学习了这个可以什么？再好好的看一下这个，所以 gs 的一些案例和一些文档啊，去帮助我们去深化的去了解所以 gs 的相关的一些功能啊，非常的好玩，对吧？啊？好的，那么我们这节课就讲解到这里，拜拜。

说完这个定时料用，我们还有一个和他很类似的一个东西，叫做一个岩石料用。什么叫岩石料用啊？ 那叫眼屎啊，哎，不马上掉，什么意思啊？隔一段时间再再掉啊，隔一段时间再掉，我们来看啊，我写一个死亏的标签。我先写什么呢？我先来这开启一个这个定时 定时器，直接来什么呢？赛他一个 intol， 然后呢？我这来一个方身，方身呢？我这来一个这个三千，那表示是不是我这个函数是不是三千毫秒是一次，哎，然后呢？在函数里边我写一个，写些什么呢？堪数点， 这烙的一个这个，哎，一个写个变量吧，挂一个这个 number 等于一个一，然后我就 输出一个南门加加啊，南门加加，那现在这个效果是每隔三千毫，三千毫秒就是三秒钟，是不是直接这个函数啊，直行一次就在控制台上输出这么一个数字啊？我们来看效果， ctrl 一运行，或者咱们就直接呀在这看，边看边看，哎，稍微等一下， 哎，是不是一啊，哎，然后再过三秒出来一个二，再过三秒是不是出来一个三呀？哎，我这个定时器的效果就什么呀，让我这函数数每隔 三秒钟就直升一次呀，哎，我们来说什么呢？还有一个叫做延时钓用，延时钓用的跟他差不多，这个叫什么呀？叫定时钓用。定时钓用，每隔一段时间是钓一次呀，而我们这个延时钓用呢，跟他差不多，不叫赛德因头了，叫什么呢？用法都一样，叫做一个赛特，一个泰国 奥特啊，赛是一个泰姆奥特。我们来说一下这叫什么呢？这叫做那个岩石钓友，哎，岩石，这有什么意思呢？ 后来停不下来了是吧？哎，我们说岩石雕像什么意思呢？岩石雕像指的是，哎，一个函数不马上直行，而是什么呢？而是隔一段时间以后 再执行啊？隔一段时间以后再执行，所以这块那这个函数什么意思呀？哎，我定义这么一个匿名函数，这个函数干嘛呀？不马上执行干嘛呢？三秒以后 再执行啊，三秒以后再执行。我这一保存，咱们来看效果，庆功一下，打开我们这个变改平台，我们来。他怎么还是执行这呢？是吧？一刷新， 哎，出来一个一对吧，但是你看着还有没有了， 是不是就没了呀？哎，就没了啊，所以注意他是要什么意思呀？隔三秒以后再执行，而且只执行几次呀？只执行一次啊，只执行一次，哎，只。而且什么呢？他 只会执行一次啊，只会执行一次，所以这块注意我们延时。 延时钓用和这个定时钓用的这个区别是什么呀？就是我们这个定时钓用会直行多次，而什么呢？而我们这个延时钓用只会直行 一次，哎，这什么时候用啊？比如说你可能网上看过那什么呀，广告一打开一网站咔就弹出 打广告，是吧？他有一个，有一什么呀？有倒计时，十五秒以后或者多少秒以后关闭是吧？倒计时，然后呢？一过十五秒，这广告自动是不是就就关了呀？为什么关了？就是因为他有一个什么呀？延时调用，隔十五秒以后调这个函数干嘛呢？去关闭这个广告，而那个函数用不用调多次啊？ 是不只需要钓一次呀？哎，钓一次啊，这是我说的一个延时钓用和他的区别就是一个是钓多次，一个钓用一次，那同样，那这定这延时钓是我能不能停止 呀？来一个开门，是不是也会有一个变量啊？怎么停止呢？直接来一个可丽儿，一个胎模 out， 就不是可丽儿印到了啊，是可丽儿胎模 out， 我们来什么呢？来一个这个开门，那这什么意思呀？叫做使用可丽儿胎帽的关闭一个这个延时钓， 哎，来关闭一个这个延时钓用，我们来看效果啊，我这一保存走，你看这个什么效果呀？刚开开就关上了，还值不值钱了？ 哎，就不执行了啊，可以用它去关闭一个这个延时钓用，他和定时钓用一样。一个是什么呀？钓用一次，一个是钓用多次啊，那这边我们来说一下啊，那么说延时钓用和这个定时钓用实际上是什么呢？实际上是可以 是可以互相代替的。什么意思？我一个定，我一个定时调用，但是我指着他干嘛呀？执行一次，执行一次我就给关了，他是不是变成一个延时调用了？一个延时调用，我说他调调多次，他说变， 变成一个定时量用量，所以注意这两个东西是可以互相代替的啊，你用什么呀？延时量可以实现定时量用功能，使用定时量用也可以实现什么呀？延时量的功能，他们是可以互相代替的，那在开发中呢？ 哎，我们可以什么呢？哎，可以根据自己的这个怎么样需要去选择，用哪个都行啊，用哪个都行，那这一块我们身上用的比较多的还是我们什么样 定时疗用？因为他就可以调很多次，他更加的什么呀？灵活严实料用，你要实现定时料用稍微的麻烦一点点啊。说的麻烦点，但是注意他们两个是可以互相去 代替的。哎，就是一个特点，都是可以活下去代替的啊。好，那这个呢？是我们说的一个岩石吊用啊，岩石吊用啊，咱们停一点就 ok， 但是咱们以后。