php - 库设计 - 消除 dom 依赖

Question

<div id='universals' data-path='/a/' data-load='1'></div>

这是一个非常奇怪的案例。我有前端代码 ( JavaScript )，它知道它的资源在哪里是基于我通过 PHP 传递给它的路径，它编写了上面的 HTML。

这是一个很酷的功能，它允许我简单地重命名服务器上我的文件夹的根目录，并且随着 PHP 确定当前工作目录并通过上面的代码将其发送到客户端，一切都会继续工作。

这是一种反思形式。

但是我想将它构建到前端的应用程序框架中。

现在我的 javascript 库，我们称之为 foo.js 依赖于一个 dom 元素。我很确定这不是一个好习惯。

我的计划是让 id 像这样设置。

foo.setUniverisal('#universal');

然后在文档中放入需要哪些属性。

还有其他想法或更好的方法来消除任何类型的 dom 依赖吗？

Answer 1

我认为最好的方法是最简单的方法：

foo.setDataPath("pathToData")

然后，您的客户端“粘合”代码（将您的库、HTML 和 PHP 组合在一起的代码）将从您的标签中获取一条路径并调用 foo.setDataPath。这将是最正交的设计（什么是“正交性”？）。

可能相关的情况示例：如果这个库是从 HTML 初始化的，而这个标签无法生成。例如，因为 HTML 将静态提供（或通过 CDN）。