JaveScript小例子
TimePawnshop.
这个作者很懒,什么都没留下…
展开
-
数组去重
// 最简单数组去重法/*新建一新数组,遍历传入数组,值不在新数组就push进该新数组中IE8以下不支持数组的indexOf方法*/function uniq(array){var temp = []; //一个新的临时数组for(var i = 0; i < array.length; i++){if(temp.indexOf(array[i]) == -1){temp...原创 2020-01-09 21:33:11 · 235 阅读 · 0 评论 -
new Date(date).getTime()的兼容问题
今天在写一个倒计时的时候,本来在电脑上都是好的,但是发布之后,在Android和IOS上测试的时候,突然发现安卓手机上是好的,显示正确的时分秒信息;但是这次偏偏苹果有问题了,就一直显示undefined,一开始我还以为是不是我的变量定义的晚了,我还特意把变量在最前面声明,试了一下还是不行,真是愁死了。 Android: IOS: 然后没办法,还是得问度娘啊,才发现原来new Date...原创 2018-09-07 18:18:24 · 6390 阅读 · 1 评论 -
H5实现拍照及相册图片上传
最近在做一个H5的小型电商项目,其中有一个是现金刷卡之后需要上传凭证图片的,因此也就需要在H5中实现可以上传图片。 我们都知道,input标签的type为file是可以上传图片的,本来想着这么简单,有啥难的,可是到后来这样写完,看效果的时候,缺发现这个东西它是有兼容问题的,IOS和Android是不一样的,所以特写此博文记录下来,也希望能帮到大家。One最开始的时候,是没做区分,以为这样...原创 2018-09-07 11:33:50 · 9565 阅读 · 1 评论 -
复杂版---JS获得某天是一年当中的第几天
说是复杂版,那是相对的说法,其实也不是很复杂,哈哈,不要被吓退哦,用到的知识点主要是switch循环。如果switch条件里的a的值与case的值相等,那么就执行相等的case后面的代码。 如果case语句后面没有break,代码会执行到下一个case语句。 实现原理:设定年月日的输入框,然后获取它们的value。进而通过月份输入框的值进行判断,巧妙运用switch循环的特点,达到天数相加的目的...原创 2017-10-21 15:54:01 · 674 阅读 · 0 评论 -
全选 单选和反选的实现
大家早上好,新的一天又开始咯,继续学习啊,其实最近我发现了一张图特别好玩,如下: 哈哈,就是这张,但是我想说的是,革命尚未成功啊,还得继续修炼啊,好了,闲篇扯到这里,我们今天先来看一下,风靡各大电商网站用来赚钱的小对勾啊—–看看,全选单选和反选的使用。 我们先来写一个代码的结构,如下:<ul> <li> <input type="checkbox" c原创 2017-12-15 10:48:30 · 3637 阅读 · 0 评论 -
JS兼容问题的函数封装文档
阻止事件冒泡的函数function stopMP(who){ if(ev.cancelBubble){ ev.cancelBubble = true; }else{ ev.stopPropagation( ); }}调用:stopMP(ev);事件绑定/监听和事件解除的函数绑定: function bind(target,type.原创 2017-11-17 22:25:04 · 442 阅读 · 0 评论 -
例子---年倒计时/JS日期对象类型
这两天闲着没事,在这感叹一年过得真快,转眼过不了几天,感觉又要过年了,唉~越大一年过得越快哟。然后就想到写一个年倒计时,以记录点滴岁月的飘走,哈哈,本来想着挺简单的,但是写了才发现,它是有一个小坑的,不知大家注意到了没~ 实现思路:主要就是用当年的最后一刻减去现在的时间,然后经过换算得到我们需要的数据。 OK,同样的,话不多说,上代码~var wrap = document.getElement原创 2017-11-02 10:08:51 · 415 阅读 · 0 评论 -
例子---JS无缝轮播图
DuangDuang,今天我们来一起说说JS实现无缝轮播。没错,顾名思义,就是我们脑子中浮现的类似淘宝主页面中间部分的那个滚动图。这个轮播图的使用频率还是很大的,所以还是很有必要好好研究一下的。 哈哈,按照惯例我们先来说一下它的实现原理吧。 第一步, 需要在body中创建3层div,第一层是显示给大家看的那个wrap,第二个是包含所有div图片的box,第三个就是每个图片的item(我们这个用原创 2017-11-01 19:25:47 · 782 阅读 · 2 评论 -
例子---JS实现钟表
哒哒哒~趁着现在还不困,再来说一下用JS实现钟表的方法,这样轻轻松松就可以自己制作一个时钟出来了,而且样式随你喜欢,想想是不是就很开心,我用了杨洋的帅照做的哦~ 先说一下实现思路:很简单,就是获取时间对象,然后分别获取时分秒,然后根据时分秒和表盘的角度问题进行设置就好了。至于时钟上的数字怎么一下子调过去也很简单,写在for循环中,进行一下变换就好了,可不要傻傻的一个一个去调哦,话不多说上代码://原创 2017-11-07 21:14:13 · 1702 阅读 · 0 评论 -
数组排序
第一种方法:JS提供的sort方法var arr = [896,13,88,155,"a",12,45];arr.sort()console.log(arr);//[12, 13, 155, 45, 88, 896, "a"]这种方法,默认首字母排序,以阿萨科目表为规则,在我们使用过程中不太方便。第二种方法:在第一种方法的基础上做了改善 用到了一个函数,然后在sort()中调用这个函数,根据这原创 2017-11-07 20:41:41 · 360 阅读 · 0 评论 -
水仙花数/四叶玫瑰数
哇哦,数字都有这么美的名字,大家点击进来,肯定是想一探究竟吧,哈哈,别急,我们现在就来说说啥叫水仙花数、啥叫四叶玫瑰数。 水仙花数,顾名……,哈哈,不是顾名思义,算了,我已放弃拗词儿了,直接说: 水仙花数是一群三位数,是某个三位数的个位、十位和百位,分别平方相加等于其本身的数。 用代码实现打印所有100-999之间的水仙花数:for(var i = 100;i<1000;i++){ v原创 2017-11-07 20:15:28 · 7806 阅读 · 0 评论 -
例子---随机数/不重复的随机数
随机数是JS数学对象的方法之一。Math.random();//0-1的随机数这样使用的范围就比较小,所以如果想用这个api获得其它范围的随机数的话,就需要使用下面这种:Math.random()*(b-a+1)+a;以上这种写法是获取a-b的随机数的写法,比如想要50-100的随机数,就应该是:Math.random()*(100-50+1)+50;这里解释一下为啥后面要加1。加1是为了取到后面的原创 2017-11-07 20:00:39 · 1223 阅读 · 0 评论 -
简单版---JS获得某天是一年当中的第几天
简单版的就是不用那么繁琐的去用switch一个月一个月的把天数相加,这里运用的是JS对象的日期对象的方法。 大致的实现原理,就是用需要计算的那天减去当年的第一天,得出差值,进行相关的计算得到答案。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>document</title></head> <styl原创 2017-10-21 16:20:54 · 2064 阅读 · 1 评论 -
例子---回到顶部
在说回到顶部的小例子之前,不得不提一下scrollTop的兼容性,因为如果不加以注意的话,很有可能代码写的没问题,效果却出不来,控制台也不报错,急死个人啊 ~ 1、Chrome、Firefox、Opera浏览器不支持document.body.scrollTop,Safari浏览器支持。 2、Chrome、Firefox、Opera浏览器都支持document.documentElement.s原创 2017-10-19 19:29:13 · 371 阅读 · 1 评论 -
例子---碰壁反弹
碰壁反弹的原理是很简单,稍稍学过一些前端的童鞋,应该都会知道元素具有定位的布局方式,在这里会用到元素的left和top值,当一个元素在一定的空间内,到了最右边,也就是left值最大就让其返回,同样top值也是一样。 好嘞,废话不多说,简单粗暴地直接上代码~ 【注:有看不懂的地方或者写的不太完善的地方,都希望大家留言哦,萍子会好好改进,也会帮大家解答力所能及的问题!!!】CSS代码部分:<styl原创 2017-10-19 17:49:52 · 1584 阅读 · 0 评论