发表于: 2019-03-25 20:59:03

1 601


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

今天主要是复习师兄教我的几个知识点。。。

1、还是怎么用sessionStorage来存储数据,然后传参到另一个页面改变文本内容。

然后我就自己试着写代码,但是写出来的结果是原本前面的内容也被改变了。

以下是师兄教我用sessionStorage写的

首先我先存储两个值

sessionStorage.setItem('fromWhere', '点击杀人');

然后当点击杀手杀人这个点击事件后,if判断条件执行然后传参到杀手杀人页面,这一块是一个单独的页面,后面师兄给我讲了一下,是用变量名来存储这个数据,然后我们要使用这个数据的时候调用这个函数就可以了,这种是最方便的。

如:

var fromWhere = sessionStorage.getItem('fromWhere'); //声明变量获取fromWhere的数据

这里还有涉及到一个什么时候该改变文本内容,如上面所说,点击杀手杀人这个点击事件才执行这个条件。如果不设条件,那就会变成只要是点击杀手杀人就会传参改变这个页面的文本内容,因为这里需要传参三个页面,一个是杀手杀人页面,一个是全民投票页面,一个是法官日志的页面。所以我们需要分清哪个页面点进去需要改变,如果不是就不能点。

所以上面存储变量名的方法就可以调用了。

使用if语句来写,

if (fromWhere === '点击杀人') { //判断如果当前是杀人页面然后改变文字内容
$('.voteword').html('杀手杀人');
$('.text').html('杀手请睁眼,请选择你要杀的身份');
$('.text2').html('点击下方玩家头像,对被杀玩家进行标记');
$('.base').html('确定身份');
} else if (fromWhere === "点击投票") { //否者,当前是投票页面改变文字内容
$('.voteword').html('全民投票');
$('.text').html('请投票');
$('.text2').html('点击下方玩家头像,投死谁');
$('.base').html('确定');
} else if (fromWhere === "点击日志") { // 当前是法官日志页面,改变文字内容
$('.voteword').html('日志');
$('.text').html('查看日志');
$('.text2').html('查看日志');
$('.base').html('确定');
}

调用这个fromWhere变量的数据,当严格相等的时候执行代码,否者执行其他的代码,这样写出来的都不会影响到其他的单独页面,这里用的页面都是一个页面,只是改变了这个页面的内容,这个就是师兄给我说的通过sessionStorage的方法获取传参数据的方法。看起来很简单把,就一个变量,一个if判断语句。

效果如下:

这里从查看整体到我点击杀手杀人的一个页面的数据传参,其实是一个页面,因为每一次点击sessionStorage会关闭会话,所以重新点开就是 一个新的单独的页面。因为我点击杀手杀人的条件和这个变量fromWhere if判断条件相等才会执行。


我自己之前写的没有用变量存储,如下:

sessionStorage.setItem('fromWhere', '杀手杀人');

然后在另一个页面编写

sessionStorage.getItem('fromWhere', '杀手杀人’)

这样写的后果就是会覆盖前面法官查看整体的布局。


2、怎么通过索引判断第一天的四个点击事件的顺序

这里师兄教我分两种写,一种是四个点击事件的阶段,顺序是1,2,3,4。一种是天数,现在我写的还是第一天,这里的天数在游戏还没有结束的时候还需要重复循环的。

还是相同的方法,存储成变量的形式

// 阶段
let step = 1;
if (sessionStorage.getItem('step')) {
   step = sessionStorage.getItem('step');
}
// 天数
let day = 1;
if (sessionStorage.getItem('day')) {
   day = sessionStorage.getItem('day');
}

其实这个地方我理解的是把step = 1这个值存储起来,然后后面去调用这个step的时候,step的值就是1。这里是我的理解。

然后通过索引的方法eq()去找

网页效果:

现在的问题是解决了按顺序点击的问题,但是这个只是第一天的点击顺序,第二天的数字肯定会发生变化,就需要变成4,5,6,7.这个就需要改变了。


明天计划的事情:(一定要写非常细致的内容) 

1、完成杀手杀人的判断

2、解决第二天的点击顺序的重复


遇到的问题:(遇到什么困难,怎么解决的) 

我刚刚改变了每个阶段的值,相当于写死的方式让if判断条件相等,然后就出现问题,我不管点四个中的哪一个事件,都可以点,因为条件都符合,所以也是不行的。

还需要想想怎么去写判断条件,不写死的方式。


收获:(通过今天的学习,学到了什么知识)

sessionStorage存储传参改变样式。

通过变量获取数据,再去调用变量的方法。


返回列表 返回列表
评论

    分享到