- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在我的项目中,我在 Javascript 字符串中有许多 HTML 片段。这些需要被格式化为有效的 JS——例如没有换行符。在这种单行格式中,编辑 HTML 可能会很累(我的编辑器中也没有语法高亮显示)。
我的想法是将这些片段保存为外部文件,然后在运行时加载它们,但这会增加很多网络调用。理想的解决方案是某种预处理器,它可以获取大量 HTML 片段文件并输出一个 JS 文件,其中所有 HTML 都解析为有效的 JS 字符串,文件名可能作为变量名。
有这样的东西吗?例子:输入:
snippet_a.html
<div>
My HTML here including whitespace...
</div>
snippet_b.html
<div>
More HTML here ...
</div>
输出为 strings.js 文件:
snippet_a = '<div>My HTML here, whitespace as \n ...</div>';
snippet_b = '<div>More HTML here ...</div>';
如果它可以通过 token 将字符串放在某个文件中它应该在的位置,那就更酷了。我正在考虑 CSS 预处理器、JS 编译器、类似于“Persistant Include”的 Textmate 包、ANT 脚本等工作流解决方案......
模板化是通常的做法,但这会将 JS 绑定(bind)到转储模板的特定 HTML 文件。
IMO 诸如 Textmate 持久性包含功能之类的东西会很棒 - 这就像注释一样工作,您可以将注释粘贴在您的 HTML 文件中,以便在您点击“更新”快捷方式时拉入另一个文件的内容。不适用于 JS 或预处理内容。
最佳答案
简短回答:看看 John Resig 的这篇文章 Javascript Micro-Templating http://ejohn.org/blog/javascript-micro-templating/
长答案:
有几种方法可以克服“长行问题”,最简单的方法之一就是通过连接字符串来切断行。
var snippet = "<h1>A Long html snippet</h1> "+
"<p>This is a long html snippet that I don't want to be forced "+
"to edit in a single line of code.</p>";
解决“html语法高亮”的方法也有几种。我倾向于使用一个简单的技巧在 <script>
中设置 html 片段标签或隐藏 ( display:none
) <div>
标签。
<div id="snippet" style="display:none">
<h1>A Long html snippet</h1>
<p>This is a long html snippet that I don't want to be forced
to edit in a single line of code.</p>
<p>And I like some syntax highlighting, too</p>
</div>
然后在我的代码中使用它们
var snippet = document.getElementById("snippet").innerHTML;
最后,对于一个完整的控件,有几种预处理技术和工具来预处理html和js文件。我使用模板引擎,jade 可能是最了解的,尽管我更喜欢 EJS。
第二种和第三种技术的一个很好的纲要是我上面提到的 John Resig 文章。
关于javascript - HTML 片段到 JS 字符串的预处理器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17473544/
我为 4 套接字服务器的大对象( double 矩阵)编写 NUMA-aaware 缓存。我观察到套接字间通信是我的应用程序的瓶颈。因此,我希望不同套接字上的线程具有单独的矩阵缓存。我已将线程限制到特
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: Parsing JSON using C? 处理 JSON 的最佳 C 库是什么? http://www.j
我一直在使用递归 SpinTax 处理器,如 here 所示, 它适用于较小的字符串。然而,当字符串超过 20KB 时,它开始耗尽内存,这就成了一个问题。 如果我有这样的字符串: {Hello|How
C# 中是否有一个#define 允许我在编译时知道我是针对 x86 (Win32) 还是针对 x64 (Win64) 进行编译? 最佳答案 默认情况下没有办法做到这一点。原因是 C# 代码不是针对特
我不确定 SO 是否是提出这个问题的最佳场所。如果没有,请告诉我应该去哪个姊妹网站。 我一直在阅读一篇关于英特尔的可信执行技术 (TXT) 的论文,其中包含以下我似乎无法理解的文字: “英特尔创建了一
我需要一个工具来针对 执行 XSLT非常大 XML 文件。需要明确的是,我不需要任何东西来设计、编辑或调试 XSLT,只需执行它们即可。我正在使用的转换已经很好地优化了,但是大文件导致我尝试过的工具(
我正在学习Apache Camel。 能否请您解释一下关于Apache Camel的处理器,组件和端点之间的区别。 最佳答案 我建议所有刚接触Apache Camel的人阅读这篇文章,它很好地解释了C
我想知道在 Camel 处理器上获得同步的方法。 我在 docs 找到的唯一相关内容: Note that there is no concurrency or locking issue when
我看到这个 https://issues.apache.org/jira/browse/NIFI-78在 jira 上,但它引用了 java。有没有办法将 nifi 进程映射到服务器上的线程,以便我可
我有以下用例: 在一个应用程序中,我使用 X 线程消费一些消息,其中我有一个这样定义的 Consumer 实现: public interface Consumer { onMessage(
CPU12 处理器中是否有提供简单 NOT 功能的代码? 最佳答案 这应该是 the datasheet您正在寻找。没有可用的logical NOT,您必须自己编写代码。 关于assembly - 不
我对 Oracle XDK 中包含的 Java XSLT 处理器与 Oracle DB 中嵌入并由 SQL XMLtransform 函数使用的 XSLT 处理器之间的关系感到困惑。 这些是相同的野兽
我正在试用 Camel,发现它是一个方便的端点集成工具。我已经设置了以下实验性应用程序: 第一个端点是一个简单的 http-get 请求(在命令行上使用 curl)。这与使用 Jetty 的中央交换机
我正在为一个应用程序使用 Apache Camel 和 Spring Boot。我需要从目录中读取数据,然后解码读取的 xml,然后处理解码的对象以在其中设置更多数据,然后再次对其进行编码并将其发送到
我已经知道如何编写自定义处理器(扩展org.apache.nifi.processor.AbstractProcessor)。我已经使用了这种技术,并且也可以轻松创建自定义 org.apache.ni
是否有任何用 python 编写的 EasyList 处理器/解析器? http://easylist.adblockplus.org/en/ 最佳答案 找到了!就像一个月后:( http://adb
我有一个无法安装任何东西的开发(说来话长)。我只需要使用纯 HTML/浏览器 JS 进行开发,并且我想使用 CSS 预处理器。我喜欢 SCSS (SASS),但为了使用它,我必须在我的机器上安装 ru
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,
对于新手来说,是直接从 ARM 处理器的数据表和用户手册开始,还是先了解一下 ARM 世界然后再继续? 最佳答案 当我开始使用一项(对我而言)新技术时,我首先会找到尽可能多的数据表和应用说明,然后直接
我使用 AMD FX X6 6300 型处理器。 (它支持虚拟化,我的 BIOS 设置为 ON) 我安装了“英特尔 x86 仿真器加速器”。当我尝试运行 Intel 加速器设置时,我得到该设置无法安装
我是一名优秀的程序员,十分优秀!