javascript – 加载带骨干js的模板

前端之家收集整理的这篇文章主要介绍了javascript – 加载带骨干js的模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我开始在 JavaScript开发,并做了一个简单的项目,node.js作为一个休息的API和客户端使用骨干,一切看起来完美,直到我想要我的模板从我的js.

我发现不同的方法,其中一些有一段时间(如一岁),但我不明白哪一个可以更好:

>一个带有HTML代码的var的.js文件

专业 – >易于加载,易于通过下划线编译.

cons – >每一行都涂上

app.templates.view = " \
<h3>something code</h3> \
";

加载模板:

template: _.template(app.templates.view)

External template in Underscore

>使用require.js加载文本插件.

专业 – >根据需要加载不同的模板.

cons – >我不喜欢将所有内容放在“加载器”功能中的方法

define(["TemplateEngine","text!templates/template.html"],function(...

RequireJS: Loading modules including templates and CSS

>一个使用AJAX请求加载模板的函数.

专业 – >您可以加载所需的模板,并添加本地存储位置.

cons – >似乎我必须将所有的模板合并到一个生产环境的文件中.

function() {

var templateLoader = {... $.get calls ...}

Best way to asynchronously load underscore templates

>和一个Jquery插件模板加载,我真的很喜欢,但它似乎没有发布?

http://api.jquery.com/jQuery.template/

似乎需要是最好的方法,但也许我错过了一些东西,因为我正在学习/玩乐阶段,所以我不会尽可能地把事情做得很干净

任何好的文章或github项目结构良好或任何光线将不胜感激.

谢谢.

排除任何重大的拼写错误,而不是英语的人:)

– 编辑 –
发现一些有趣的视频,以了解如何使用require.js启动和包装
http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY

解决方法

我建议使用带有文本插件的require.js.将HTML变量作为字符串混合在JavaScript变量中是不错的主意,以及使用类似< script type =“text / template”>< / script&gt ;. 这是一个非常好的系列在骨干js上,涵盖了模板加载和项目构建: http://dailyjs.com/2012/11/29/backbone-tutorial-1/.Github项目也在那里提供.

猜你在找的JavaScript相关文章