发表于: 2017-10-26 19:49:25

2 523


今天完成的事情:


1.看了一些知识点的题目

var length = 10;

function fn() {

  console.log(this.length);

}

var obj = {

  length: 5,

  method: function(fn) {

    fn();

    arguments[0]();

  }

};

obj.method(fn, 1);

这段代码看了之后完全懵逼。。。

然后就去看了arguments:这表示实际传进来几个参数


把url参数解析为对象已经会了

function toObj(url) {

  var obj = {};

  var a = url.split('?');

  if(a === 1) return obj;//这里a===1什么意思呢 不需要这一行啊我觉得

  var b = a[1].split('&');

  for(var i = 0, length = b.length; i < length; i++) {

    var c = b[i].split('=');

    obj[c[0]] = c[1];

  }

  return obj;

}


数组去重会了一种:var一个空数组,然后两个循环 不重复的qush进新数组里


3.原来轮播图使用 CSS3 transition 实现过手写轮播

今天用 CSS3 opacity + animation-delay 手写了轮播

@keyframes hid{
   0%{
       opacity:0;
       z-index:2;
   }
   5%{
       opacity:1;
       z-index:2;
   }
   20%{
       opacity:1;
       z-index:2;
   }
   25%{
       opacity:0;
       z-index:0;
   }
   100%{
       opacity:0;
       z-index:0;
   }
}
.turn{
   animation-duration: 20s;
}
.
turn1{
animation-delay: -1s;
}
.turn2{
animation-delay: 3s;
}
.turn3{
animation-delay: 7s;
}
.turn4{
animation-delay: 11s;
}
.turn5{
animation-delay: 15s;
}

然后去看了JS实现轮播,主要是用JS控制显示图片的位置,实现的,但是但是代码里有一些看不懂的还要请教下二大。


明天的计划:继续学习、投简历。

遇到的问题:CSS如何实现点击下一张那种轮播呢?

收获:



返回列表 返回列表
评论

    分享到