基于组件的网站设计中的javascript或html标题
我喜欢基于组件的方法为不同的组件创建不同的文件夹。所以我目前有：
- components/
- heading/
- heading.css
- heading.js
- heading.html
我希望我的html看起来像下面的标题代码（包括引导和自定义css类）：
<body>
<div class="container text-white">
<div class="position-relative pb-5">
<h1 class="position-absolute top-0 start-50 translate-middle-x display-1">HEADING</h1>
</div>
</body>
我如何实现这一点？我是应该将这个HTML导入到JS（我使用的是webpack)，还是应该在创建两个div并将其追加到主体之后，在JS中手动添加这些类？我知道第二个选项是乏味的，但我不认为第一个选项将使标题可重用的其他页面。有没有我没有提到的更好的办法？
共有1个答案
你的问题很难回答，因为什么是“更好的方法”取决于你的项目和你的目标是做什么。但是我认为您开始编码，所以您可能希望将Javascript代码导入到html heading.html页面中，对于css文件也是如此（使用引导程序不是一项义务，如果您学到了一些东西，直接使用css应该会更好、更高效）。Webpack将遵循您的操作和设置方式，提供一个或任何捆绑文件供服务器使用。它与您的项目配置方式无关。我的意思是，您可以只构建您的项目并在结束时关心webpack，或者直接配置webpack，然后开始您的项目（如果您想要一些用于CSS的拆分文件，您也可以为此配置webpack，并且还可以动态更新您的包文件），但这与您的问题无关。如果您的问题是“如何在主文件中导入一个html文件（假设是：头文件）”，那么您可以从Javascript代码中执行。然后，您可以为此选择html标记，或者使用ID。正如我告诉你的，对我来说，在模糊的问题上很难帮助你更多，因为它可以有很多不同的方法来实践成为“最好的方法”（而且“最好的”也可以是一种意见）。希望这对你有一点帮助。
-
问题内容： 我有一个网站，该网站完全基于Ajax（哈希导航）。 有没有一种方法可以使用Javascript刷新基于ajax的网站的Open Graph元标记？（当我单击一个链接时，标记和其中的值应更改） 问题答案： 否。OpenGraph标记必须出现在带有纯HTTP的GETable的HTML页面上。 这是因为当用户与OG对象进行交互（例如执行操作等）时，Facebook将在OG URL上执行HTT
-
在我的react应用程序中，我当前有： 然而，我希望页脚元素被隐藏，如果路由路径是"/test"这将是一个干净得多比写： 如果有人知道这样做的功能，将不胜感激。
-
找到默认主页入口 我们知道页面入口都是配置在路由中的，我们来看下app/config/routing.yml发现没有“/”的路由，但是我们发现了这么几句： app: resource: "@AppBundle/Controller/" type: annotation annotation的意思是“注解”，也就是说这一部分路由配置放在了注释里面，而资源在@AppBundl
-
原文链接：Serverless 应用开发指南：API Gateway + S3 + AWS Lambda 打造 CRUD 在前两篇文章《Serverless 应用开发指南： serverless 的 hello, world》和 《Serverless 开发指南：AWS IoT 服务开发》 里，我们简单地介绍了如何用 Serverless 和 AWS IoT 开发入门级的 Serverless 应
-
问题内容： 我听说过几种实现标记的方法；使用TagID和ItemID之间的映射表（对我来说有意义，但是可以缩放吗？），向ItemID添加固定数量的可能的TagID列（似乎是个坏主意），将标签保持在逗号分隔的文本列中（声音疯狂但可以工作）。我什至听说有人建议使用稀疏矩阵，但是标记名称又如何优雅地增长呢？ 我是否错过了标签的最佳做法？ 问题答案： 三个表（一个用于存储所有项目，一个用于所有标签，一个用
-
了解如何使用 Dreamweaver 模板设计“固定的”页面布局；然后基于模板创建文档，创建的文档会继承模板的页面布局。 模板是一种特殊类型的文档，用于设计“固定的”页面布局；然后您便可以基于模板创建文档，创建的文档会继承模板的页面布局。设计模板时，可以指定在基于模板的文档中哪些内容是用户“可编辑的”。使用模板，模板创作者控制哪些页面元素可以由模板用户（如作家、图形艺术家或其他 Web 开发人员）