问题标签 [html-templates]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
67 浏览

web-component - Webfundamentals、带有 shadowDOM 的 CustomElement 和带有 HTML 导入的 HTML 模板

我有关于 webfundamentals 实现的各种问题,我读过一个真正的 web 组件必须具有用于 css 封装的 shadowDOM,用于我真正喜欢的组件逻辑的 customElements,以及 HTML Temapltes 和导入,所以我试图做到这一切一个 customElement 组件,我遇到了很多我觉得很难调试的问题,我会全部列出来。

  1. 我是否必须将 html 模板插入到文档中才能真正得到它?我不能只从 js 获取它的内容吗?如果我必须,当我打算替换 shadowHost 内容时它是如何工作的,我的意思是我在 shadowRoot 中得到了模板(链接),我的实际问题是当我做querySelector(链接 [rel="import"]).import.querySelector("template")它在 .import 函数标记之后为空,当我将该函数插入文档时,它实际上获取了模板内容,这是文档。

在此处输入图像描述

看那个截图我还有2个问题

  1. 我应该shadowHost.innerHTML = file.querySelector(link[rel="import"]).import.querySelector("template") 使用标签并将其内容复制到 shadowRoot 元素中吗?我的意思是我该如何实施这种方法?我使用 Angular 作为第一个示例,他们使用一个 HTML 文件(我猜测它是一个模板或插槽标签),然后他们将它作为构造函数的参数添加到组件中,所以如何使用 HTMLTemplates 和 HTMLImport 我可以实现该行为,我已使用记录的功能,但在最后阶段不起作用。

  2. 我应该保留<link rel="import">在 shadowRoot 内还是 document.head 内?我可以实现模板而不需要将其添加到文档中吗?

几天来,我一直在尝试用 shadowDOM 做一个简单的 customElement,它工作得很好,问题是当我尝试添加一个外部以使其更健壮时。

有什么帮助吗?建议?我可以展示一些我在组件上使用的功能来产生想法。

0 投票
1 回答
397 浏览

python - 如何在 Python Django 中重用网站模板(布局/主题)?

我是 web-dev 的新手,但是在我用 Django 编写的那些简单应用程序中,有一个简单的base_generic.html作为网站页面模板,像这样

在其中我们有几个block,以便我们可以从那里扩展以添加新的页面内容。

这个html模板真的很简单又不好看,还需要一些好看的页面模板,所以不知道

1)是否可以下载网站页面模板,比如WordPress(他们有很多漂亮的),并在 Django 中使用?

2) 或者我们在 Django 世界中解决我的问题的典型方法是什么?

0 投票
0 回答
388 浏览

jquery - 从动态 json 数据渲染嵌套的 Bootsrap 手风琴

我正在尝试从 firebase 加载动态 json 对象并填充嵌套的引导手风琴。场景:为简单起见,专辑和歌曲都只有“标题”。意思是专辑的主要手风琴和每张专辑嵌套的手风琴歌曲。

我正在使用带有部分的 mustache 模板库。专辑项目的模板和歌曲项目的另一个模板。到目前为止,只有专辑显示为第一级,我需要帮助来实现嵌套功能。请对我温柔一点,因为我通常不是网络开发人员。感谢您的关注!

0 投票
1 回答
199 浏览

shadow-dom - 如何覆盖部分