发表于: 2016-12-22 00:50:50

2 1676


今天完成的事情:

今天终于写完了所有的静态页面,并写了杀手杀人的部分动态页面,使之能获取关于player的数据并显示

明天计划的事情:

继续JS任务4

遇到的问题:

感觉js看似简单,写起来却又很麻烦。明明自我感觉代码OK,可是就是实现不了预期的效果。

首先获取原来存储在浏览器关于player的数据,自己根据任务3的方式进行获取,var temp=localStorage;最后又打印了数据,可数据死活不显示。以为自己代码有问题,于是把狗哥的代码粘贴复制过来,也不行。于是,认为可能是没有数据。因此老老实实从任务2第一个页面开始,老老实实输入数据,然后一路跳转,好不容易终于显示出了打印的结果,这说明数据是可以成功获取的。

于是,接下来考虑的就是遍历数据,把每个div样式都用JS来动态显示出来。由于之前做了一个静态的样式,因而只需要把这部分的html换成JS就搞定了。可是这部分遇到麻烦了。由于这部分是用字符串写出来的,需要双引号括起来,而里面的类名也需要双引号。最后,终于想出了办法,就是字符串用单引号,类名还是用双引号,这样就可以互不干扰了。

除了这些之外,还有一些看似不重要,实则属于自己的老毛病了。我这个人性子急,容易粗心。所以写代码,会犯一些小错。例如变量名写错,有时候把逗号写成双引号这类问题,结果导致卡在一处老半天。看来,以后写代码要特别留意这些问题了。

收获:

1、昨天百思不得其解的问题终于解决了,就是上图播放按纽要在垂直居中的同时居右的问题。看来遇到问题,有时候的确是要放一放,然后突然就想出来了。由于父元素本来设为参考元素了,我顺手推舟,对img绝对定位,bottom和top设为0,right设为1rem,最后设margin:auto 0;就搞定了。

2、终于能够写任务4的JS部分了,争取尽快完成任务。


返回列表 返回列表
评论

    分享到