随笔分类 -  Javascript应用

每天练习各种前端题库。一点一点提升自己!
摘要:var arr = [1,3,2,5,3];//forEach 两个参数,第一个为数组内容,第二个为数组下标arr.forEach(function(item,index) { console.log(index + ' ' +item);})//map 遍历数组进行计算操作var newArr = arr.map(function(item,index) { return item*2;... 阅读全文
posted @ 2018-12-22 15:11 ysyblue 阅读(395) 评论(0) 推荐(0)
摘要:js代码: //添加类 function addClass(obj,className) { if(obj.className == '') { //如果没有class obj.className = className; }else { var strClass = obj.className; 阅读全文
posted @ 2018-12-18 10:41 ysyblue 阅读(433) 评论(0) 推荐(0)
摘要:这几天一直在练习原生js写效果,需要理清自己的逻辑,做了一个切换多组图片的效果: css样式: * { margin: 0; padding: 0; } body { background: #303030 } #box { width: 850px; background: #fff; margi 阅读全文
posted @ 2018-12-13 20:53 ysyblue 阅读(502) 评论(0) 推荐(0)
摘要:之前做了一个轮播图练习,偶然之间看到一个带有缩略图的图片切换方式,自己练习了一下,效果图如下: css部分: * { padding: 0; margin: 0 } li { list-style: none; } body { background: #303030 } #box { width: 阅读全文
posted @ 2018-12-11 20:49 ysyblue 阅读(504) 评论(0) 推荐(0)
摘要:很简单的实现一个打点计时器,规定从start至end,每次加1,每次打印间隔100ms,并且返回取消方法。 代码如下: //打点计时器,每间隔100毫秒+1 function count(start,end) { var timer; console.log(start); timer = setI 阅读全文
posted @ 2018-12-10 21:23 ysyblue 阅读(760) 评论(0) 推荐(0)