发表于: 2017-10-26 19:49:25
2 527
今天完成的事情:
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如何实现点击下一张那种轮播呢?
收获:
评论