跳探戈的小龙虾的博客

JavaScript中，操作字符串是一个很重要的话题，于是本篇文章，我们一同了解一下在JavaScript中关于字符串的常见方法。我们定义了一个表示qq邮箱格式的子字符串，之后对每一个邮箱字符串调用includes方法，如果包含qq邮箱格式子字符串，就返回true，于是就形成了一个简单的筛选邮箱格式的功能

Date对象，又叫日期对象，是JavaScript总用于处理日期和时间的一种对象。Date对象是一个关于时间的变量，它具有很多关于时间的属性和方法，当我们打印它，显示的是当前时间信息，包括 周、月、日、年、几时几分和时区。

每一门编程语言，都有数组或类似数组的结构，同样的JavaScript(虽然是脚本语言)也不例外，学习JavaScript的数组，我们从新建第一个数组开始。JavaScript中的数组，长度是动态可变的，如果学过其他编程语言的朋友可能对这一点不是很习惯。但事实上反而使得问题变得简单了，因此不需要再定义数组的时候就指定它的大小。

打地鼠游戏：游戏分为两个模式：简单和困难模式，玩家可自行选择游戏的模式，其中：(1) 简单模式：玩家会遇到从洞中随机钻出的地鼠，成功击打地鼠获得100得分。(2) 困难模式：洞中偶尔会出现顽皮的孩童，如果误击儿童，扣除100得分，其他规则同上。游戏支持弹窗展示本轮得分，同时具有保存历史最高战绩的功能！

首先我们要明白封装动画函数是要干什么？考虑这样一件事，例如我想要一个div元素，从一个位置，通过运动到达另一个位置。并且是左右移动，应该怎么做？通过提前判定目标位置的坐标，而后计算出距离目标坐标需要给div设置的left值，最后，通过函数setInterval()函数连续的执行移动(间隔时间非常短，通常设置30ms，越短越好)，但是每一次移动，仅仅移动一小段，由于间隔的时间很短，于是我们人眼的错觉会认为是在缓缓移动。

我教你做的轮播图包括但不限于以下功能：平滑滚动、定时滚动 + 点击滚动、防鼠标连续点击、第一张图与最后一张图无缝处理如果你是在找轮播图怎么做的小白，那么恭喜你，找到我这儿，不用再换了，认认真真看完这篇文章，我保证你能做一个完整的轮播图。而且我会以面向小白的简单通俗讲解，带大家做完轮播图，保证全程没有盲点。不过前提是，有简单的jQuery基础和会用setTimeout()和setInterval()函数，这两个要求可以在我的其他博客里学习到。

setTimeout(): 该函数能够按照设定的时间值延迟执行其中的事件。setInterval(): 该函数能够按照设定的时间值作为间隔，周期性的执行其中的时间。setTimeout()是一个异步执行函数，说人话就是，它里面的函数体，并不会在每一次执行的时候立刻运行，而是会丢进执行队列中，等待"主线任务"全部完成，才会执行它。使用let之后，也没有改变执行机制，仍然是最后执行的alert()，但是let可以在每一次把更新的变量i传进函数体内。

本期是jQuery基础的最后一篇文章：【下篇】，我们用一个转盘抽奖实例对jQuery的学习进行检验。强烈建议看到这篇文章的小伙伴们，可以抽个时间看一下【上篇】【中篇】，如果jQuery的基础还不错，也可以直接从这篇入手！(1) 关于随机数，这里封装了一个随机数，从1到12，代表了这一轮的奖品是什么(2) 关于随机数乘上某个数，这是由于我们的转盘不能只转动一圈，每一圈就得多1，所以要乘上倍数(3) 关于取模，这是因为我们的索引只有1-12，超过12的通过取模实现再从1开始。...

本期是jQuery的第二篇文章：【中篇】，主要从jQuery的选择器、jQuery操作HTML样式以及绑定事件进行讲解。jQuery能够给我们提供选择某一个网页元素的方法。第一部分，我们先了解一下最常用的绑定事件函数bind()，它有四个参数，但是基础阶段，我们掌握必须的两个参数即可：element.bind("event","function")第一个参数，看名字大家也知道，就是某个事件，例如点击事件，第二个参数是事件触发后具体执行的某个函数。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery库的知识过于繁多，因此我一改过去的习惯，将jQuery的知识按照一定的划分方法进行分割，以三篇文章来把整个jQuery的基础知识给大家讲明白，文风依旧小白向，大家0基础一样可以学(不过要有js基础，jQuery可以0基础)...

首先必须说明的是，这类文章(js正则表达式)在c站或者整个it类论坛是很多人写过的，而我认为我这篇的不同之处在于更加“小白”化，这也与我一贯的风格有关吧。关于JavaScript正则表达式，其他的文章大多一上来就太过激进，不利于初学者学习(我当粗就是这么被劝退的)，这也是我为什么要坚持写这篇文章，希望小白在看了这篇文章后，不管能不能完全掌握JavaScript正则表达式，但至少对JavaScript正则表达式能有一个比较深刻的印象吧。

ECMAScript 是JavaScript（简称JS）的标准，浏览器就是去执行这个标准。DOM（DocumentObjectModel ，文档对象模型）一种独立于语言，用于操作xml，html文档的应用编程接口。对于JavaScript：为了能够使JavaScript操作Html，JavaScript就有了一套自己的DOM编程接口。BOM 是 Browser Object Model，浏览器对象模型。BOM 是为了控制浏览器的行为而出现的接口。

首先，如果有编程基础的同学，一定知道对于任何的编程语言，都有局部变量和全局变量的概念：全局变量的作用范围是全局的；而局部变量往往在一个部分被定义和使用，在这个部分之外，它的空间就会被回收，我们就无法再使用它。常见的局部变量出现的地方有：for循环、函数体、代码块。在这些“局部”里，局部变量的优先级是大于全局变量的，var关键字声明的变量，只要在局部/全局的任何一个地方被声明，那么在其他的地方，即使没有被声明，由于在预编译阶段该变量已经被声明，于是它也是存在的，只是会显示undefined，也就是未定义。