一个简单的web应用程序背后的基本框架,在哪里使用什么



我已经掌握了html, css, javascript的基本技能。

我仍然在学习阶段,但只是需要一点帮助在哪里去关于创建一个web应用程序。我可以弄清楚所有的代码,所以这很好,我只是需要一些指针,在哪里使用什么。

所以基本上我有一个网页,有几个简单的按钮,当点击他们会发送一个消息给服务器,服务器会保存一个计数每个按钮点击使用php脚本。

1) -最好将这些信息保存在JSON文件中吗?

然后从那里,会有另一个网页,将有div标签延伸100%的页面,其中有一个元素,将根据服务器上持有的计数在页面上移动。

2) -我应该用什么来动画它移动?我会使用javascript吗?或者css3之类的?

前端将需要不断更新服务器持有的计数。

3) -将AJAX方法最好使用javascript?

如有任何建议,不胜感激。

最后一件事。与Javascript动画,如果我想动画一个div水平移动,是最好的方式来做到这一点,动画的边距大小?还是我被困在黑暗的日子里…

1:我会将其存储在数据库中,如果您将其存储在文件中,请确保您以安全的方式处理写入(多次写入同一文件)

2:你可以使用javascript动画HTML元素的CSS属性(最好是宽度)

3: Ajax可以工作,但随后您需要不断轮询服务器以获取更改,或者使用长轮询http://en.wikipedia.org/wiki/Push_technology#Long_polling

如果您只支持现代浏览器并且您的托管公司允许的话,另一种选择是使用websockets

  1. 如果你试图保存信息服务器端(你似乎是),我建议使用数据库(如MySQL)。

  2. 如果你的动画依赖于来自服务器的值,我会使用javascript来动画它。请注意,您必须轮询服务器才能实际获取此信息(比方说,每秒一次)。获取信息后,只需用新信息更新要进行动画处理的div即可。我不太明白你想让你的显示是什么样子,所以我不能在这里给你更具体的东西。

  3. 是的。我建议使用jQuery来处理AJAX调用,因为它更容易处理跨浏览器的问题。

你的更新:一种选择当然是调整(左)页边距的大小,但您也可以使用相对位置。它基本上会将元素从它通常显示的位置推到任意像素。所以如果你的框默认是在左边框的右边,你可以把它相对地定位在100px的右边。

最新更新