发表于: 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
变量使用标准的数组方法,比如 push
, pop
或者 slice
。 虽然使用 for
循环遍历也是可以的,但是为了更好的使用数组方法,最好把它转化为一个真正的数组。
评论