01 2018 档案
摘要：今天来写一个轮播图的案例，之前的博客中是有写过的，不过都是通过原生js来写的，比较复杂一些，今天来通过jquary的简单几句代码就可以实现这个轮播图效果。来看代码： 效果图如下： 当然我的布局比较简单，用在项目中的时候可以稍微更改修饰一下即可。 好了，今天就到这里！
阅读全文
摘要：今天来写一下关于全选的效果，这里先写一个表格，大概写完效果图如下： 我想我不说明都应该知道点击最上面的checkbox全部选中，再次点击全部取消，然后点击下面的几个全选的不被选中，而下面的全部都点击之后，全选的自然被选中，这就是要实现的效果。直接来看代码： 这样完成了一个表格的全选效果了。 有一个问
阅读全文
摘要：今天的这个例子主要是实现点击小图能显示大图，来直接看代码： 效果图如下： 这个例子也只是简单的实现了点击小图呈现大图的效果，还有点击大图收回的效果也就是让其消失等等。希望这些对你有帮助把！ 当然也希望有问题直接询问评论！
阅读全文
摘要：写一个小的案例，会用到筛选选择器，实现一下淘宝精品图片的切换，接下来直接来看代码： 效果图看一下啊： 当然是可以切换的，我写的样式比较简单，但是你在用的时候可以稍微改一下满足你的样式即可！前面说到了会用到过滤筛选选择器，这个就是用到了eq()这个方法。用jquary的方法去写还是很简单的！不妨你可以
阅读全文
摘要：直接来看代码： 效果图： 就是这么的简单粗暴！哈哈哈
阅读全文
摘要：jquary对象和DOM对象的联系： DOM对象：DOM对象就是js对象，用 js的方法获取到的元素 jquary对象：用jquary的方法获取到的元素。 jquary对象实际就是一个拥有多个DOM对象组成的伪数组。 DOM对象和jquary对象的区别和联系： 1、DOM对象不能调用jquary对象
阅读全文
摘要：数组中concat()方法：将创建并返回一个新数组，这个数组是将所有参数都添加到array中生成的。它并不修改array。 如果要进行concat()操作的参数是一个数组，那么添加的是数组中的元素，而不是数组。 数组中join(“”)方法：是将把每个数组元素转换成一个字符串，然后把这些字符串连接起来
阅读全文
摘要：js中随机数的形成需要的用到Math.random()，上一篇博客中提到了它，指的是0~1之间数，那么今天要说的其实是随机整数的形成，所以还要用到Math.round()的方法，这个是四舍五入的方法。 接下来看一系列公式代码： 我觉得这些是常见的一些会应用到的公式，了解其原理的更好，若是不了解那便记
阅读全文
摘要：今天来说一下数组中比较强大的排序方法sort。 sort()将在原数组上对数组元素进行排序，即排序时不创建新的数组副本。 如果调用方法sort()时没有使用参数，将按字母顺序(更为精确地说，是按照字符编码的顺序)对数组中的元素进行排序。要实现这一点，首先应把数组的元素都转换成字符串(如果有必要的话)
阅读全文
摘要：今天来说一下splice方法，当然也属于数组中的方法。关于splice方法，先说一下它的定义：splice()将删除从start开始(包括start所指的元素在内)的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。位于插入或删除的元素之后的数组元素都会被移动，以保持它们与数
阅读全文
摘要：今天来说下数组，项目中经常会用到数组，但是它的这几个方法还是很有规律的，也是可能会用到的！ 1、push()；是添加到array尾部的值，可以是一个或多个。返回的是把指定的值添加到数组后的新长度。 2、unshift()；是要入数组头部的一个或多个值。返回的是数组的新长度 3、pop()；将删除ar
阅读全文
摘要：关于for-in格式如下： for-in可以遍历json的操作：for-in就是挨个找到json对象里面的属性名称，属性值； for-in也可以遍历数组： 对于数组来说的for循环格式不能遍历json，而for-in即可以遍历json也可以遍历数组！ 有几点提醒一下大家： 注意一：for in循环不
阅读全文
摘要：json和数组都是存储数据的，但是也是有一定区别的。 区别一：json的下标与数组的下标不一样，json的下标是字符串，数组的下标是数字。 区别二：json没有长度，而数组有长度。 区别三：json是一种数据格式，而数组是一种数据类型，数据类型是可以增删改查。 关于数组的方法，在这里提一下： Arr
阅读全文
摘要：昨天写的例子是查找关键字，今天就在其基础上更改一下便可实现可以替换这些关键字的效果，布局稍有改变： css不变和上个例子相同： js也是稍加修改即可，只用把新替换的关键字用一个变量保存，然后直接替换找到的关键字即可： 实现效果如下： 好了，今天就这样了，明天继续！希望大家都能有所进步！
阅读全文
摘要：一般情况下，我们操作页面上都会有查找某个关键字的的功能，那么今天也简单写一下关键查找页面上关键字的效果！首先页面上要写入一部分内容，然后要有搜索框，来看一下布局： 简单写一下css： 接下来就是js实现代码： 来看一下实现之后的效果图： 分析一下实现原理： 首先我们要知道查询的内容，然后以此为分隔符
阅读全文
摘要：关于大小写转化很简单就是两个方法，查教程也可以很明了，这里就简单写一下： 然后来说一下split()的方法：具体可以常见的几种返回结果如下： 然后知道这些的话，来看下简单的小例子：在下面input里输入内容点击发送，然后将内容推送到上面方框中，并将推送的文字都加上背景色 先写一下布局： 重点来看js
阅读全文
摘要：经常回今天说一下substring()方法的特性以及应用。substring() 方法用于提取字符串中介于两个指定下标之间的字符，所以它有两个参数，一个是起始的位置，一个是结束的位置，通俗点说就是针对一段字符串的每个字符的位置截取开始到结束的字符。比如说： 需要注意的substring的特性有： 1
阅读全文
摘要：indexOf() 方法是返回某个指定的字符串值在字符串中首次出现的位置。切记是首次出现的位置。indexOf(“string”,0)这个方法有两个参数，分别是要检索的字符串以及将从指定的位置开始检索。 注意：1、如果要检索的字符串值没有出现，则该方法返回 -1。 2、indexOf() 方法对大小
阅读全文
摘要：今天来了解一下fromCharCode，昨天的博客中说到了它，是将string指定的 Unicode编码值返回成一个字符串，而今天就可以利用它来给一个字符串加密。 简单写一个小例子：在一个input框内随便输入一段字符串，然后点击加密按钮，使其加密成不认识的其他内容（当然这个加密规则可以自定义）。来
阅读全文
摘要：关于字符串，都知道它的属性有长度，而每一个字符串也是通过一个个数字编码形成的，想要通过字符串的属性来判断字符串里的数字的话，需要知道一下几种字符串的属性： 接下来就写一下封装检测数字的方法，来看js代码： 这就是简单的通过字符串的属性封装检测数字的方法。好了，今天就是这样了！
阅读全文
摘要：标题看着复杂其实需求就是：一张图片在一段时间倒计时结束之后，先抖动一下然后向下移动消失。不明白什么意思的可以看下图解释： 直接来看布局代码，直接把布局以及css都写在一起了： 分析： 想要实现上图的结果那么需要四个js效果组合实现： 第一是先要有一个倒计时，然后将具体倒计时间显示出来； 第二是图片需
阅读全文
摘要：今天来封装一个简单的js效果，就是点击一张图片，渐渐的图片的透明度为0，即为图片消失的效果。 来看布局即为一张图片： js效果如下： 需要注意的是，图片opacity的值是在0-1之间的，超出这个范围的话，opacity就不起作用了！ 当然这是很简单的一个opacity的js封装实现的效果，若是多组
阅读全文
摘要：昨天写了一个简单的不能循环走的倒计时，那么今天写一个添加了定时器之后的倒计时。先来看看布局的代码： js代码如下： 当然我截的是静态图，效果就是倒计时时间会在input里显示出来，需要注意的就是要这个时间差不可能为负数，所以，一定要做判断！ 好了，今天就到这里了！
阅读全文
摘要：倒计时经常会在项目中或者电商类网站比如团购或者拼单等等中会有出现，今天就了解一下它的原理，然后写一个简单的倒计时例子。 其实关于倒计时原理很简单：就是用未来的时间减去去现在的时间然后换算即可。（未来的时间点（不变）减现在的时间点（在变））。 来看简单的例子：计算一下距离今年五一还有多长时间？ 直接来
阅读全文
