一、今日完成的情况

   1、修改任务四的三个问题；

   2、制作小课堂PPT和准备演示用的demo；

   3、学习任务五涉及到的 Ajax和HTTP协议的知识。

二、明天的计划

   1、讲小课堂，上传文章、视频和PPT；

   2、继续任务五。

三、遇到的问题

   昨天任务四存在的三个问题

   1、法官台本的样式，间距过小。

     解决办法：调整调整按钮的边距即可。

   2、投票页面，胜利条件判断错误，当杀手和平民人数相同时，会显示平民胜利。

     解决办法：检查了一下，杀人和投票页面的逻辑没有问题，最后的结果页面判断条件有误，修改调整一下即可。

   3、设置玩家人数页面，输入框可以输入文字和符号，且能成功跳转到下一页。

     解决办法：这个页面做得比较早，也没有注意到输入框的这个逻辑，最开始设置默认为四人，所以可以直接跳转到下一页。重新修改默认值为空值，且点击确定按钮，判断输入框的值是否符合要求再跳转。

   4、法官台本页面，天数超过3天后，全部展开，底部部分会遮挡主体部分。

     解决办法：底部的布局是fixed，这种布局是相对于屏幕视点进行定位的,意味着即使拖动页面滚动轴移动时,采用该布局的元素相对屏幕的位置不发生改变。所以对它进行改变是无效的，对主体进行调整，增加一个底部外边距，即可解决。

   5、console.log()，真正的项目发布后，实际代码里是不允许有console的存在的，只有我们自己测试的时候，根据需要进行设置，当项目完成时，需要将所有的console删除掉，因为项目在上线时如果不删除这些console.log可能会造成内存泄漏等问题。

四、收获

   1、Ajax（Asynchronous Javascript And XML）

   （1）定义：Ajax是指一种创建交互式网页应用，无需重新加载整个网页的情况下，能够更新部分网页的技术。从字面可以理解为：Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。

   （2）Ajax的用法可以简单概括为：1>.创建 XMLHttpRequest 实例; 2>.发出 HTTP 请求; 3>.接收服务器传回的数据；4>.更新网页数据。概括起来，就是一句话，AJAX 通过原生的XMLHttpRequest对象发出 HTTP 请求，得到服务器返回的数据后，再进行处理。

   （3）为什么使用Ajax？

      1>.传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。而Ajax 可以使网页实现异步更新，通过在后台与服务器进行少量数据交换，这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

      2>.Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。

      3>.Ajax可提高系统性能，优化用户界面，是应用程序更小、更快，更友好。

   2、XML（ExtentsibleMarkup Language）

   （1）定义：XML即ExtentsibleMarkup Language(可扩展标记语言)，是用来定义其它语言的一种元语言，其前身是SGML(标准通用标记语言)。它没有标签集，也没有语法规则，但是它有句法规则。任何XML文档对任何类型的应用以及正确的解析都必须是良构的，即每一个打开的标签都必须有匹配的结束标签，不得含有次序颠倒的标签，并且在语句构成上应符合技术规范的要求。XML文档可以是有效的，但并非一定要求有效。所谓有效文档是指其符合其文档类型定义(DTD)的文档。如果一个文档符合一个模式的规定，那么这个文档是模式有效的。

   （2）XML和HTML的区别：

    1>.在html中不区分大小写，在xml中严格区分；

    2>.在HTML中，有时不严格，如果上下文清楚地显示出段落或者列表键在何处结尾，那么你可以省略</p>或者</li>之类的结束标记。在XML中，是严格的树状结构，绝对不能省略掉结束标记；

    3>.在XML中，拥有单个标记而没有匹配的结束标记的元素必须用一个/ 字符作为结尾。这样分析器就知道不用查找结束标记了；

    4>.在XML中，属性值必须分装在引号中。在HTML中，引号是可用可不用的；

    5>.在HTML中，可以拥有不带值的属性名。在XML中，所有的属性都必须带有相应的值；

    6>.在XML文档中，空白部分不会被解析器自动删除；但是html是过滤掉空格的；

    7>.html使用固有的标记；而xml没有固有的标记；

    8>.Html标签是预定义的；XML标签是免费的、自定义的、可扩展的；

    9>.html是用来显示数据的；xml是用来描述数据、存放数据的，所以可以作为持久化的介质！Html将数据和显示结合在一起，在页面中把这数据显示出来；xml则将数据和显示分开。 XML被设计用来描述数据，其焦点是数据的内容。HTML被设计用来显示数据，其焦点是数据的外观；

    10>.xml不是HTML的替代品，xml和html是两种不同用途的语言。 XML 不是要替换 HTML；实际上XML 可以视作对 HTML 的补充。XML 和HTML 的目标不同HTML 的设计目标是显示数据并集中于数据外观，而XML的设计目标是描述数据并集中于数据的内容。

   3、异步（Asynchronous）：所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果我们可以再来处理这个事。

任务进度：

任务五

任务开始时间：

2018.7.2

预计任务完成时间：

2018.7.6

禅道：http://task.ptteng.com/zentao/project-task-744.html