发表于: 2017-04-05 22:06:22

1 1076


今天完成的事情:上午完成了任务3静态页面的代码编写,开始打算写两个页面的,后来转念一想,又觉得笨了,先试试一个页面上能不能把效果做错了,实在不行再写两个也不迟!下午阅读了一下《JavaScript高级程序设计》的第23章除数据库的部分,从中见到了HTML5中新加的Web Storage,并最终选择使用seesionStorage实现了人数数组的页面传递。晚上开始实践如何点击按钮,会让按钮中的文字变化,在网上搜了一通,看到一个案例,就修改了一下,目前只是有了一个最笨的方法。

明天计划的事情:继续探索实践实现任务3的玩家切换的效果。

遇到的问题:

  第一个数据传递的问题,下午找到了seesionStorage的方法,但是Storage类型只能存储字符串。而我想传递数组,在没有任何加工的情况下实践了一下,确实只是传递成字符串了。后来网上搜相关的问题,找到了JSON中的一个方法,查看书里JSON.parse 和 JSON.stringify的内容,发现可行,就试着做了。开始是在发牌按钮点击的函数中写的,发现传递的是一个空数据,就把传递数据的代码和转换成JSON数据的代码写到了乱序生成数组的函数中,在用按钮点击事件关联,最后验证了一下成功了!

 第二个,怎么按照任务3中点击按钮的次数逐次变化按钮中的文字,网上找了一通,看到一个设置变量var i=0;然后在按钮点击事件中链接一个函数,输出按钮文字内容为“我是第“+i+++”次点击!”的案例,就想着能不能利用他这个例子实现我要的效果呢!后来就进行了演变,成这个样子

这样就可以在每个条件里添加我需要变化的内容了,但是也发现这个是一个笨方法,因为我不可能按照人数的多少来写相同量的if,怎么实现更省代码的写法目前还没有思路,明天再继续探索寻找一下!

收获:阅读了数据存储,对数据存储的方法和限制有了初步的认识和了解,在以后的任务中慢慢深入掌握吧!JSON的方法很及时很有用,后来发现做过这个任务的基本都是这个方法。路子应该是没有偏。


返回列表 返回列表
评论

    分享到