发表于: 2017-03-19 23:04:26

1 1141


今天完成的事情:

1、测试【后台-用户管理】的搜搜功能、编辑查看功能;

2、和杨泽平研究旋转木马插件的动画样式修改;

3、学习javascript相关的知识。

明天计划的事情:

等ui原型图,修改【前台-邀请页】的样式、【前台-注册页】的样式

遇到的问题:

和杨泽平一起研究如何修改旋转木马的插件,要求图片木马旋转,可以自动和手动切换。同时,图片旋转到正前方时,点击图片有子类弹出效果,下一项旋转到正前方时,子类会自动隐藏起来。刚开始的时候,我们是单独处理的,就是给图片加点击效果,点击弹出子类,再点击消失。但是很难实现这种下一张图片到正前方时,上一张的子类自动隐藏这种功能。后来,我们换了个角度思考。我们只是需要在原本的动画上添加新的动画效果,因为图片自动切换和点击手动切换的效果插件本来是有的,我们可以利用这一点。于是,我们值得去看插件的源码。好不容易找到了paly()函数,这里放的就是动画部分。把刚才添加动画效果代码粘贴进去,再进行简单的修改,就成功实现了想要的功能。

收获:

1、学习了jquery的sibling的用法;

2、学习了原生javascript的相关知识:

A、javascript删除属性值只能用delete,属性设为null或者undefined并不能真正删除属性

var obj = {
    bar
: 1,
    foo
: 2,
    baz
: 3
};
obj
.bar = undefined;
obj
.foo = null;
delete obj.baz;

for(var i in obj) {
   
if (obj.hasOwnProperty(i)) {
        console
.log(i, '' + obj[i]);
   
}
}

上面的输出结果有 bar undefined 和 foo null - 只有 baz 被真正的删除了,所以从输出结果中消失。

B、arguments对象

JavaScript 中每个函数内都能访问一个特别变量arguments。这个变量维护着所有传递到这个函数中的参数列表。

arguments变量不是一个数组(array)。 尽管在语法上它有数组相关的属性 length,但它不从Array.propotype 继承,实际上它是一个对象(object).

因此,无法对 arguments 变量使用标准的数组方法,比如 pushpop 或者 slice。 虽然使用 for 循环遍历也是可以的,但是为了更好的使用数组方法,最好把它转化为一个真正的数组。


返回列表 返回列表
评论

    分享到