发表于: 2017-02-07 23:02:04
1 1456
今天完成的事情:
1. 完成任务3的页面内容和样式,之前文杰和我说过要把一个position为absolute的元素放在中间的方法,设置left:50%后,元素宽度设置为70px,margin-left:-35px,此时元素会满足自适应保持处于中间位置;
2. 看到洗牌算法中Array.prototype.shuffle用法,搜索后得知这是原型的使用,读了高程和JS权威指南上的原型和原型链相关的知识,同时学了工厂模式和构造函数模式;
3. var numKiller = range.value[0]声明全局变量后,range.value[0]的被随机函数重新生成的值,无法传到变量numKiller中,但可以传到roleArr数组中;
4. 准备小课堂知道css有个content属性吗?有什么作用?有什么应用?并完成讲解;
5. 对任务2代码进行了一些修改,把oninput等事件从html中挪到js文件中,完全分离html,css与js,更易于js的维护;
明天计划的事情:
继续做任务3,学习jQuery的知识来写任务3;
遇到的问题:
1. 如何用localStorage保存数组?JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中就可以了
var obj = [1,2,3];
var str = JSON.stringify(obj);
//存入
sessionStorage.obj = str;
//读取
str = sessionStorage.obj;
//重新转换为对象
obj = JSON.parse(str);
2. 怎么把不同角色显示到任务3的页面中,传递怎样的参数?参考了师兄的代码,根据之前函数中生成的4个角色的人数,生成新的数组,每个角色生成人数个数组内元素,内容为字符串类型的角色名称,传递到任务3,用该数组去设置任务3页面的角色和词组内容;
收获:
1. localStorage的使用,见问题
2. 原型和原型链的知识及运用,还没完全学会,需继续学习;
评论