文件名称：Quiz_With_Ajax_Saves:将用户分数和最高分数保存到文件
文件大小：93KB
文件格式：ZIP
更新时间：2024-06-26 15:34:34
JavaScript
Quiz_With_Ajax_Saves 全部做完。 外观没有打磨，因为 CSS 不是我的强项，也不是我的目标。 将用户分数和最高分数保存到文件中。 测验全部通过 Qunit 测试完成，并将分数保存到文件中。 现在我已经完成了，我可以反思我会以不同的方式做的事情，特别是使用 Qunit。 虽然我喜欢用 Qunit 来测试函数和方法，但我不得不更多地操纵它来测试 UI。 QUnit 用于原子测试（单元测试应该如此）。 但是，我需要测试用户如何完成测验。 这涉及依赖于前一个状态创建的状态的测试。 本来可以在每个测试中进行一些设置以将应用程序移动到每个测试的正确状态，但这会为每个测试添加大量代码，并且本身容易出错。 我的解决方案是在测试完成后（但在测试函数内）将#qunit-fixture 的状态保存到全局变量中。 然后，我可以通过插入到 html 页面中，将此状态用作下一个连续测试的设置
【文件预览】：
Quiz_With_Ajax_Saves-master
----.gitignore(161B)
----testing.html(1KB)
----templates()
--------userScores.handlebars(153B)
--------results.handlebars(129B)
--------quiz.handlebars(41B)
--------question.handlebars(264B)
--------topScores.handlebars(248B)
--------master_template.js(6KB)
----compile.php(578B)
----test.php(1KB)
----scores()
--------scores.php(748B)
----mock.html(1KB)
----scripts()
--------quiz.js(7KB)
--------jquery.js(242KB)
--------handlebars.runtime-v1.3.0.js(16KB)
--------questions.json(568B)
--------testing.js(14KB)
--------scores.php(20B)
----README.md(2KB)
----quiz.html(886B)
----styles()
--------style.css(288B)