发表于: 2017-04-16 20:59:11

1 1318


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

      1. 在桌游精灵页面,为杀人游戏简化版这个按钮添加一个点击事件,点击后跳转到玩家配比页面

      了解如何为按钮添加点击事件

      2. 在玩家配比页面编写方法,获取玩家数量框内的数字

      3.利用javascript数组乱序将杀手和平民身份打乱,准备分配给1-N号玩家

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

      1. 根据玩家配比页面的杀人和平民分配的数据,传到新的页面,查看玩家身份

      2.为页面的查看身份按钮/隐藏并传递给下一号按钮添加点击事件

      3.了解JavaScript根据需要显示和隐藏视图

      4. 了解jQuery

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

      如何通过JS的键盘事件对用户输入的数字进行检验判断,当输入框内不是一个4-18之间的数字时,并弹出弹框提示 ?

      如何在玩家配比页面编写方法,获取玩家数量框内的数字?

      这些问题和之后的页面需要了解jQuery,我还是先花一点时间了解jQuery之后在进行之后的任务 

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

       区分 JSON 字符串 / 对象

      •     由于没有分清楚这两者的关系,导致出现了错误,区别是:

      • (1)JSON 对象是满足 JSON 数据格式的 JS 对象
                        例如: {name:"abc"}
                        最正规的 JSON 数据是连属性名称都要被包括起来的
                        例如: {"name":"abc"}
      • (2)JSON 格式的字符串的关键问题-- 它仅仅是一个字符串,只不过满足了 JSON 的数据格式 
                        例如:'{"name":"abc"}'
      •     显而易见,关键问题就出在外面这两个单引号上。

       

      From  <http://www.treejs.cn/v3/faq/cn/v3/json.html>

      如何将 节点数据提交给 Server 端

      •     你可以利用 表单Form 或 Ajax 提交数据。
      •     把 JSON 数据转化为参数是比较麻烦的。有很多工具包便于生成各种格式的数据。
      •     制作提交数据的基本方法:拼字符串
      •     拼接成什么格式的字符串? 是 url? xml? 还是 json?       这就要根据后台解析数据的方法来决定了

       

      From  <http://www.treejs.cn/v3/faq/cn/v3/submit.html>

       

      关于异步加载

      • 1、什么是异步加载?
      • 很多初学者都在这个问题上犯糊涂。
      • 准确的说应该是:“什么是 AJAX ?”-- AJAX 即“Asynchronous JavaScript and XML”(异步JavaScript和XML);AJAX 是一种技术,可以在不影响当前页面的情况下与后台服务端进行通讯,获取相应的数据。
      • 2、异步加载的特性
      • 请注意最前面的两个字 “异步”,与他类似还有一个词       “同步”,顾名思义“同步”就是前面的语句不执行完就不会执行后面的语句,“异步”就不一样了,发起异步请求后,不管是否得到结果,都不影响当前代码的后续执行。

      • 所以,对于异步加载模式下,需要在获取节点后处理的事情,尽量利用 onAsyncSuccess /       onAsyncError 事件回调函数去处理,这样才能保证异步加载正常完毕后执行你需要的操作。
      • 利用 setTimeout 举个异步的例子,对照着执行看看吧:
                    //No.1
                    var a = 1;
                    a++;
                    var b = a;
                    alert(b);
                    
                    //No.2
                    var a = 1;
                    setTimeout(function(){a++;}, 500);
                    var b = a;
                    alert(b);

       

      From  <http://www.treejs.cn/v3/faq/cn/v3/ajax.html>

     

     



返回列表 返回列表
评论

    分享到