发表于: 2018-07-02 23:05:17
2 460
一、今日完成的情况
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
评论