麦兜家园

摘要： 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里显示出来，需要注意的就是要这个时间差不可能为负数，所以，一定要做判断！ 好了，今天就到这里了！ 阅读全文

摘要： 倒计时经常会在项目中或者电商类网站比如团购或者拼单等等中会有出现，今天就了解一下它的原理，然后写一个简单的倒计时例子。 其实关于倒计时原理很简单：就是用未来的时间减去去现在的时间然后换算即可。（未来的时间点（不变）减现在的时间点（在变））。 来看简单的例子：计算一下距离今年五一还有多长时间？ 直接来 阅读全文

摘要： 今天写一个时间例子，用图片组成时分秒。具体来看代码，当然今天的写法只是一种，还有很多种实现方法，来看布局： 先默认放上第一张图片，我是提前把图片标号序号从0-9，然后这样依次读取。js代码如下： 效果图如下： 最后一个数字是一直循环的效果，因为截不了gif图，所以这里说下了，你们可以拷贝代码试试看！ 阅读全文

摘要： 关于时间日常项目中可能会有很多需求，今天就写一个最简单的，将系统时间写入到页面上。直接来看js代码： 这样就可以了，具体该注意的地方在注释上已经写清楚了。最简单的写法希望对大家有帮助！ 阅读全文

摘要： 关于swiper图片切换有很多类型，我就不一一介绍了，可以直接到官网查询，今天来写一个适配于页面正中间的图片切换，也同时适配于任何图片的大小（也就是这个图片切换不用限制图片的本身大小，特别是移动端动态获取的图片有可能大小不一致），所以无论任何图片若是都想让其一直处于移动页面的正中间的话，那么就要获取 阅读全文