摘要: 我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂. 首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多了,下面我分了几个步骤: 1,获取当前的时间,并且定义结束的时间 2.用求未来时间和当前时间的时间差,并且求出时分秒 3.设置定时 阅读全文
posted @ 2017-05-04 22:51 三叶酱 阅读(906) 评论(2) 推荐(0) 编辑
摘要: 以前我们在本地存储数据都是用document.cookie来存储的,但是由于其的存储大小只有4K左右,解析也很复杂,给开发带来了诸多的不便.不过现在html5出了web的存储,弥补了cookie的不足,而且开放起来也是相当的方便 web存储分两类 sessionStorage 容量大小约为5M左右, 阅读全文
posted @ 2017-05-04 12:36 三叶酱 阅读(2715) 评论(0) 推荐(0) 编辑
摘要: 在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性 attachEvent方法 只支持IE678,不兼容其他浏览器 addEventListener方法 兼容火狐谷歌,不兼容IE8及以下 addEventListener方法 a 阅读全文
posted @ 2017-04-26 23:06 三叶酱 阅读(6142) 评论(0) 推荐(2) 编辑
摘要: 这两天在做一个报表体统,其中涉及到了一个根据本周,上周,本月,上月的时间来进行查询的问题,在这个我就教一下大家怎么实现,大家如果有更好的实现方法的,我也希望大家能说出来,我们交流交流. 首先呢,我写了一个方法,能实现获取本周,上周的开始时间,并且解决了跨年的问题 在这里先说明一下,月份,周几都是从0 阅读全文
posted @ 2017-04-19 15:47 三叶酱 阅读(19330) 评论(3) 推荐(0) 编辑
摘要: 在js中,之前我们获取属性大多用的都是ele.style.border这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获取外部的样式存在兼容性的问题,所以后面我还会教大家解决兼容性的方法. style:各大浏览器都兼 阅读全文
posted @ 2017-04-17 10:14 三叶酱 阅读(16188) 评论(1) 推荐(2) 编辑
摘要: 在工作上,对json数据处理时,例如遇到对某些产品的尺码进行排序,不同的产品都有相同的尺码那是正常不过的事情,如果我们要把这些转成表格的形式来展现,那么这些尺码就不要不能重复才行.在这里呢,我就写几个数组去重的方法,给大家参考参考: 方法一:对数组进行先排序,排完序之后在让元素与前一个元素做对比,相 阅读全文
posted @ 2017-04-15 10:32 三叶酱 阅读(5348) 评论(0) 推荐(0) 编辑
摘要: 在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考。 这里呢就先贴上我的html和css代码 这是html部分的,下面呢,我附上css部分的代码: 展示出来的布局是这样的: 好了,下面我们就开始讲重点把,做之前的呢,一定要理清思路,只有理清思路的才能好下手做啊 我们要通过点击第 阅读全文
posted @ 2017-04-03 19:17 三叶酱 阅读(28257) 评论(5) 推荐(5) 编辑
摘要: 一.什么是作用域 作用域是指对某一变量和方法具有访问权限的代码空间,Javascript的作用域只有两种:全局作用域和本地作用域,本地作用域是按照函数来区分的(即全局变量和局部变量)) 局部变量:只有局部能够访问的变量 例如:1.函数内部用var定义的变量 2.for循环的的时候遍历是用到的变量i 阅读全文
posted @ 2017-04-03 18:33 三叶酱 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 在js中对数组的操作是经常遇到的,我呢在这就列一下经常用到的方法 删除数组中的元素: 1.delete方法:delete删除的只是数组元素的值,所占的空间是并没有删除的 代码: 运行结果在这里: 这个就很直观的看得出来,删除后,数组的长度前后是并没有变化的。被删除的元素位置还是留在那,读取到该下标元 阅读全文
posted @ 2017-03-15 23:02 三叶酱 阅读(8131) 评论(0) 推荐(1) 编辑
摘要: 我的前面一张文章实现了用css3制作旋转的效果,现在呢,我换另外一种方法来实现.就是使用js结合css3的方法来实现的.下面我就先上图给大家看看效果吧 下面呢我先放上我的css代码,代码很简单: .one{ width:200px; height: 200px; border:1px solid # 阅读全文
posted @ 2017-01-20 12:54 三叶酱 阅读(14059) 评论(0) 推荐(0) 编辑