使用text.js与require.js我如何创建一个模板html文件,但单独抓取每个脚本模板
Using text.js with require.js how can I create one template html file but grab each script template individually?
我正在使用require.js和text.js加载一个模板文件,其中有一堆<script>
模板:
。/脚本/模板/comments.html
<script type="text/template" id="js-comment-reply-tmpl">
// html in here
</script>
<script type="text/template" id="js-comment-edit-tmpl">
// html in here
</script>
因为使用下划线的模板系统(或任何类似的js微模板系统),这个文件本身被加载为一个字符串。是否有一种聪明的方法可以从该文件中抓取每个模板?例如,$(template).html()
在jQuery中包装它,然后做一个find()
或什么?我必须首先将其放入DOM中,所以这可能会慢得要命,我甚至可以不使用text.js加载它,只是将其从DOM中取出。我的另一个想法是将它们每个拆分为自己的文件,但这样会减慢请求时间(尽管我可能最终会使用带有node的rjs来最小化这一切,所以这无关紧要)。
。/脚本/模板/comment_reply.html
<script type="text/template" id="js-comment-reply-tmpl">
// html in here
</script>
。//模板/comment_edit.html的脚本//HTML在这里
做这件事最好/最有效的方法是什么?我建议将每个模板移动到它自己的文件中,并分别加载它们。这样做的一些好处是:
-
更容易维护 -在项目中搜索模板更容易,如果他们都有自己的名字,它也减少了源代码控制冲突的麻烦,如果开发人员不都编辑相同的文件。
-
可移植性 -如果你最终使用一个可以在服务器上使用的模板系统(如Mustache),那么模板已经很容易在前端和后端之间共享。
您已经强调的主要缺点是额外的请求,但您绝对不应该在没有使用r.js构建脚本的情况下进行生产,所以这应该不是问题
相关文章:
- JS文件的路径正在消失
- 我的外部js文件无法加载
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- 动态加载和卸载js文件
- 如何将变量传递到另一个js文件
- 如何将所有JS文件连接到一个文件夹中
- 从Chrome扩展名中的popup.html文件在background.js文件中运行一个函数
- 如何使用php文件中的GET来获取我在.js文件中声明的变量
- 如何将模板中的标记脚本移动到.js文件中
- 什么's是连接供应商js文件的最佳方式
- 如何在定义js文件后为外部javascript文件设置变量
- 如何在JS文件中获取资源(.resx)字符串
- 将*.js文件的内容放入Object中
- 如何从onclick函数设置全局变量并将其传递给另一个JS文件
- 导致内容安全策略(CSP)冲突错误的本地jquery.js文件
- 如何使用Gmail运行.js文件
- 如何定义一个模块并使用它来分离js文件
- Angular JS文件上传到托管服务器
- 如何引用HTML中节点模块中的js文件
- 如何将JS文件从其他文件夹链接到页面