通过浏览器/服务器语言实现html元素结构的最佳方式

Best way to have html element structure through browser/server languages?

本文关键字：结构 元素 最佳 方式 html 实现 浏览器 服务器 语言      更新时间：2023-09-26

目前我使用php回显 html元素。其他时候，我需要使用javascript并动态地创建这些元素(例如，移动设备中的某些功能工作方式不同，需要在DOM中进行一些调整)。不幸的是，我在代码中跨越了两个不同的元素维度(或更多)，如果我想改变一些东西，就需要更新所有这些元素。例如:

使用javascript (jQuery)流化长轮询:

...append("<div></div><div></div><div></div><div></div>");
PHP echo 

echo "<div></div><div></div><div></div><div></div>";

在php中，对于每个echo

foreach(...){
    echo "<div></div>";echo "<div></div>";
    (...)
    foreach(...){
       echo "<div></div>";
       echo "<div></div>"
    }
}

如果我想改变这个元素的结构，我必须改变所有的3种情况，从4div到2div或1例如。如何在php和javascript中集中所有这些元素?我想有一个字符串在php和跨越作为模板到javascript，但它搞砸了动态类和其他属性时，因为连接。有人知道另一种方法吗?

PHP

用PHP输出HTML最有效的方法是将所有内容聚合在一个变量中，然后打印一次。

$html = '';
foreach ($rows as $key => $value) {
  $html .= $value;
  // You may nest loops as long as you want.
}
print $html;
如何在PHP中制作一个简单的HTML模板引擎 JavaScript

我无法理解jsperf.com，因为它已经关闭了。但是，添加HTML节点最有效的方法是在添加节点之前创建它们。使用jQuery创建HTML元素的最有效方法是什么?

// The fastest you could get.
$(document.createElement('div'));
// That's for your case.
$("<div></div><div></div><div></div><div></div>").appendTo(target);

很难推荐你应该关注哪项技术，这主要取决于你的优先级。有些网站是静态的，并将HTML存储在静态HTML文件中。哲基尔

一些网站是动态的，随着用户的输入而改变很多，React.js是在客户端渲染HTML的最好的库之一

如果你的网站是静态的，那么用PHP做一个简单的模板引擎，如果你的网站依赖于用户输入，那么用React.js，但不要想用jQuery做前端渲染，你会浪费你的时间。

如果React.js看起来太复杂，我建议使用Mustache Templates

相关文章：