第一个Web应用程序,只需知道第一步

时间:2016-06-18 11:20:00

标签: javascript html5 web

该应用程序被命名为“我的名字”。 (原创) 我在大学里一直在学习Java,C ++和其他语言,但是我还没有学会如何将它们联系在一起,互联网实际上是适得其反,因为它告诉我太多的流行语,如(anguarjs,JSP,swing,Ajax)等等,我真的迷路了。

该应用程序想要做很简单的事情:

  1. 屏幕上只写着我的名字:John Doe。
  2. 每次点击都会随机化并更改每个字母的字体,以便J将在Comic Sans中,o将以斜体显​​示,h将以粗体显示Times New Roman,n将为蓝色,等。
  3. 鼠标移动将以平滑的实时方式更改背景颜色。
  4. 坦率地说,我无法掌握我的工作流程应该是什么样的。

    我的第一步是什么?也许就在那之后呢?我需要什么工具?我假设HTML和JavaScript?这很简单,我不能这样做的事实让我很沮丧。最好是,我想使用像HTML5这样的新方法和流行方法。

1 个答案:

答案 0 :(得分:0)

正如你所说,HTML + javascript。我建议您至少使用jQuery,因为您可以轻松地修改和修改HTML元素,但您可以使用HTML + css + js(它稍微有些难度)。

使用jQuery,您可以收听页面事件,例如click

$(document).on("click", function() {
    // Change text attributes. For example if you
    // have <p id="name">John Doe</p>, you can
    // change attributes like that:
    $("#name").css("font-family", "comicsans or something");
})

对于鼠标移动,请查看mousemove event

你会遇到很多问题,我建议你耐心一点,考虑到你正在从错误中吸取教训。