我有一个静态文件文件夹(html、css 和 js)，我识别出一段代码(比如恐龙动画)，我想将其传输到另一个静态文件文件夹(我自己的一个单独元素)在不同的模板上)。
主要问题是执行此操作的正确且有效的方法是什么。这是我目前的流程:
- 手动识别最小值
- html 显示该片段的 block (div class="dinosaur_animation"...)
- css 声明类的部分 (.dinosaur_animation { ...)
- 需要js脚本
- 手动将这些片段复制到我的新元素的 html、css 和 js 源中。
- 重命名原始类和函数名称("dinosaur_animation" 的所有实例重命名为 "dinosaur_animation_newproj" ) 因为在新元素中使用相同名称的类和函数经常发生冲突。
我已经多次使用此过程成功地将片段从一个模板传输到另一个模板，但我知道它效率极低，应该有一种更聪明的方法来执行此操作。由于缺乏术语知识，我也无法正确谷歌搜索。
能否请您逐步介绍一种更聪明的方法？
作为加分项，您能否帮助我使用正确的术语来表达我刚才描述的内容，并预计如果我使用 Wordpress 而不是直接处理静态文件，我是否可以做同样的事情？由于一切似乎都包含在 php 中并且更改原始文件被认为是一个坏主意，我认为答案是否定的......
谢谢!
最佳答案
你在谈论模块化。这是我们在开发中使用的术语，用于描述代码和应用程序，这些代码和应用程序的构建方式使我们能够完成您想要完成的这项壮举。
模块化不是这种或那种语言的概念，而是关于一般编程的概念。因此，如果您需要阅读它，只需查找“模块化 css”、“模块化 js”或其他内容即可。
现在，关于您要尝试做的事情，当您想要在元素之间共享的实际组件已经以模块化方式制作时，这很容易。如果不是，那么这样做可能会很痛苦。那样的话，你应该先模块化的重写代码，然后copy就直觉了。
相信我，没有实现这一目标的“分步指南”。能够编写模块化代码不属于“战术”领域，它更像是一种策略per si。你应该阅读它，越来越多地实现模块化思想，直到你掌握它，如果你足够坚持，你将以可以在不同元素之间轻松共享的代码结束，这就是整个目标，最后。
对于 HTML/CSS，我建议您阅读有关BEM( block 元素修饰符)结构的内容。在我看来，保持代码模块化的最佳方式。在 JS 中，有很多讨论和方法可以达到相同的结果，所以只需谷歌一下。
P.S.:Wordpress 肯定有自己的模块，所以，如果您了解它们的工作原理，您当然可以利用它并以任何您想要的方式使用它。
关于javascript - 如何将一段css、html和js从一个静态模板复制到另一个？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59089170/