Question

正如标题所示，我正在寻找最佳实践问题的答案，

使用JQuery或PHP构造DOM元素是否更好。后端或前端。

给出一些背景，我的PHP循环构建了像这样的页面元素;

<div id='content'>
     <div id='el1'></div>
     <div id='el2'></div>
     <div id='el3'></div>
     <div id='el4'></div>
</div>

我的Jquery脚本像这样重新排列DOM;

<div id='content'>
     <div class='wrapper'>
          <div id='el1'></div>
          <div id='el2'></div>
     </div>
     <div class='wrapper'>
          <div id='el3'></div>
          <div id='el4'></div>
     </div>
</div>

我正在进行的实际任务很小，几乎和这个例子一样。重写PHP会有什么好处吗？

感谢，凸轮

Answer 1

如果没有要满足数据库或用户输入相关的条件，只需使用PHP。如果一开始就知道标记应该是什么，用jQuery更改DOM是没有意义的是。你将随意扩展你的HTML生成管道。

Answer 2

当给出选择时，我会选择使用jQuery。这会消除服务器的负载，让用户立即看到发生的事情，而不是等待服务器完成它的工作。

使用jQuery构建DOM元素时，我会使用类似http://mustache.github.com/或http://documentcloud.github.com/underscore/

的内容

这些库将清理你的jQuery代码并保持良好的分离。

Answer 3

对于这么小的东西，差异非常小，只要你不关心你的用户是否已禁用JS。

Answer 4

我在我开发的几个系统上做过的任何基准测试（小，每秒不超过几十次点击）使用php构建DOM要快得多。
我的直觉告诉我，在非常大的JS网站上，在服务器端构建并加载它仍然会更快。

Answer 5

我的答案是采用最简单的解决方案。只需在一个地方完成这么小的解决方案。否则如果出现问题，你需要调试两个位置。

我还记得上次我有一个学生编写基于数组生成javascripts的php代码。并且javascript将在客户端生成网页。这是一个可怕的意大利面条代码，他花了大部分时间试图找出代码。

保持简单......

鉴于选择，使用JQuery或PHP构建DOM元素是否更好

5 个答案: