【在模板页面的js使用办法】教程文章相关的互联网学习教程文章

javascript – Backbone:管理模板【代码】

我正在使用下划线模板引擎作为骨干应用程序.截至目前,我在< head>中有超过15个模板.它越来越难以维护.到目前为止,我看到管理模板的大多数解决方案最终都需要它们成为js文件.这也很令人头疼,我更喜欢将它们作为html文件进行编辑. 我看了一下requirejs并且不确定我是否需要它,因为它有点围绕一种更模块化的方法,我不能说我现在正在使用(尽管我很快就会). 根据需要管理模板和加载/缓存它们的最佳方法是什么?解决方法:我个人在公司需要...

javascript – 正则表达式匹配MediaWiki模板及其参数【代码】

我正在编写一个简单的Javascript来将特定参数添加到当前正在编辑的文章中的特定模板. 维基百科模板的结构如下:{{Template name|unnamed parameter|named parameter=some value|another parameter=[[target article|article name]]|parameter={{another template|another tamplate's parameter}}}}一个模板也可以在更多行上,例如:{{Template |name=John |surname=Smith |pob=[[London|London, UK]] }}如需进一步参考,请查看http:...

Javascript与Django模板化【代码】

我真的很想和Django一起使用Javascript模板系统. Mustache.js(以及它的衍生物)的语法和风格真的很适合我.问题是Mustache使用的分隔符标签与Django的模板系统的语法不能很好地配合. 有没有什么好方法可以一起使用它们? 我已经尝试使用this verbatim snippet正确渲染JS模板.该解决方案的问题是我有时需要JS内部的Django变量或URL. 我也尝试使用更改Mustache的分隔符{{=[[ ]]=}}但是,这不允许使用部分标记,例如{{#}}.作者说他打算在未...

访问jsrender模板中的全局javascript变量并更新它【代码】

我试图用jsrender模板中的值更新全局javascript变量.我怎样才能完成它…… 我创造了一个小提琴http://jsfiddle.net/4RH7n/8/ 我需要将最后一个电影名称放入该javascript变量中..解决方法:可以轻松注册自定义标记和帮助程序以访问或修改全局变量.有一个示例here(代码是here),它显示了两种方式,并说明了在模板中设置和获取全局变量.助手/自定义标签比使用{{* …}}更好(因为这样你可以更好地分离代码和标记) – 但是如果你确实使用{{*...

javascript – Meteor Iron Router等待呈现模板【代码】

无论如何都要等待渲染模板然后执行某些功能? 我已经尝试过,它不起作用.Router.map(function () {this.route('post', {path: '/posts/:ll',action: function () {this.render('home');},after: function () {var n = this.params.llUI.insert(UI.render(Template[n]), document.getElementById("child"))}}); });事实证明,子元素尚不存在,因为在触发after函数时尚未呈现“home”模板. 任何建议或工作都非常感谢.解决方法:使用onAft...

javascript – 如何设置Handlebars模板的默认参数?【代码】

我编写了一个插入链接的模板助手,非常简单.Handlebars.registerHelper('link_to', function(href, title) {return new Handlebars.SafeString('<a href="/' + href + '">' + title + '</a>'); });它的用法如下:{{ link_to 'articles' 'Articles' }}但是,如果href是自描述的,那么在第二个参数中指定大写版本似乎有点多余.因此,如果省略title参数,我想自动设置此行为.类似于以下内容:Handlebars.registerHelper('link_to', functio...

没有RJS的Javascript模板,带有JSON【代码】

关于RJS最方便的事情之一是它能够渲染部分内容,因此您可以在一个地方拥有所有视图代码:# task/index.html.erb <ul id="task_list"><%= render :partial => 'task', :collection => @tasks %> </ul># task/_task.html.erb <li><% if task.is_completed %><%= task.name %> - <%= task.completed_date %><% else %><%= task.name %> - UNCOMPLETED<% end %>... </li>现在我正试图摆脱RJS并让服务器以一个小的,格式很好的JSON而不是大...

javascript – 使用Django模板(列表和dicts)将Python数据结构转换为js数据结构【代码】

我有一个Django视图,返回一个像这样的dicts列表data = [{'year': 2006, 'books': 54},{'year': 2007, 'books': 43},{'year': 2008, 'books': 41},{'year': 2009, 'books': 44},{'year': 2010, 'books': 35}]c = {'data': data,} return render(request, 'template.html', c)模板文件中有一些基本的JavaScript,可以做到这一点.var data = "{{data}}"; console.log(data); //..... Then other functions问题是数据是通过格式化的Java...

javascript – 使用Node.js,Handlebars和Express进行模板继承【代码】

我刚刚开始使用Node.js,所以我正在构建非常简单的应用程序以便练习基础知识.我试图让一些像Django一样的模板继承工作,但我对如何做它有点不知所措. 我知道图书馆“快递把手”包括布局的概念,我认为这可能是最好的方法,但乍一看我不知道它是否允许继承的步骤,或者使用它来替换不同的块(我看到了插入其他模板的一般布局代替{{{body}}}标签,尽管可能有更多的技巧). 所以,我的问题是:如何实现多层模板继承(同样,将子内容插入不同的单独...

javascript – 将数组数据添加到Sendgrid模板【代码】

我想发送一张发票电子邮件,其中包含每个用户使用Sendgrid的唯一数据.这看起来很简单,以至于没有人想过要包含如何做到这一点的指示.在电子邮件中,我想用’N’行填充四列,其中包含如下数组:[{date: 05/05/15, amount: $30, user: abc123, type: A}, {date: X, amount: Y, user: Z, type: B} . . . ]我不明白我是如何创建这个模板的,或者我应该在哪里存在这个模板来调用它来填充给定客户的数据. 我查看了Sendgrid视频:https://send...

javascript – Yeoman在模板中循环【代码】

我正在尝试使用yeoman来获取此JSON文件:{"models": {"user": {"properties": [{"name": {"type": "string"},"surname": {"type": "string"},"id": "number"}]}} }把它变成这样的东西:Class User {name : stringsurname : stringid : number }是否可以在模板中进行某种形式的循环?这就是我的想法……export class <%= entityName %> extends Model {<% forEach (property in props) { %><%= property.name %> : <% property.ty...

javascript – 如何在Jest中编写加载把手模板文件的单元测试?【代码】

在我的reactjs项目中,我使用把手从模板生成源代码.这些模板保存在文件中.为了将这些文件加载??到javascript中,我在webpack中配置了以下配置:{test: /\.handlebars|hbs$/,loader:'handlebars-loader?helperDirs[]=' +path.join(__dirname, '../src/helpers/handlebars')},我开始制作时效果很好.但它在我的单元测试中不起作用.我使用jest作为单元测试框架.我见过有人建议使用Handlebars.registerHelper.我知道它仅适用于字符串中的模...

javascript – CX509CertificateRequestPkcs10对象上InitializeFromPrivateKey()中的模板参数在尝试特定模板时导致异常【代码】

我在X509Enrollment.CX509CertificateRequestPkcs10对象上的InitializeFromPrivateKey()中指定模板参数时遇到问题.除“用户”模板之外的任何内容都会导致以下异常: – CertEnroll :: CX509CertificateRequestPkcs10 :: InitializeFromPrivateKey:此CA不支持所请求的证书模板. 0x80094800(-2146875392) 我需要使用一个特定的证书模板,当我尝试它时,代码会抛出异常.该模板存在于CA上,并且位于运行以下代码的客户端计算机上. Javas...

javascript – JsRender:如何将变量传递给嵌套模板【代码】

我想在我的网页的不同部分使用嵌套模板.对于不同的部分,我需要从嵌套模板中的数组中获取值.我不能使用for循环,因为每个部分在网站上有不同的类和位置.是否可以将变量传递给嵌套模板?以下代码简化了我要实现的目标:<script id="myBtnTmpl" type="text/x-jsrender"><button class="btn"> {{:myData.myArray[INDEX_VARIABLE].btnName}}</button> </script>// Here I want to use INDEX_VARIABLE = 0 <div class="BigButton"...

javascript – 使用gruntjs自定义初始化任务重命名模板文件夹【代码】

我正在尝试在Grunt中为个人模板创建自定义init任务. 这是在一个grunt init:mytemplate之后生成我的新项目的jsexports.description = 'Try Grunt'; exports.warnOn = '*';exports.template = function(grunt, init, done) {grunt.helper('prompt', {type: 'skin'}, [grunt.helper('prompt_for', 'name', 'trygrunt'),grunt.helper('prompt_for', 'title', 'Im Trying GruntJS'),grunt.helper('prompt_for', 'author_name', 'Myself...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部