草庐IT

模板代码

全部标签

javascript - 多个模板 url Angular 6

这个问题在这里已经有了答案:Angular-Componentdifferenttemplates(2个答案)关闭4年前。我正在使用Angular6构建一个前端,我需要一些组件,这些组件需要根据登录者具有不同的html结构。这可能有2到20多个不同的模板,所以我真的很希望能够将它们放在不同的文件中,并将templateUrl指向正确的文件,而不是使用*ngIf来决定应呈现模板的哪一部分。有没有办法做到这一点?

javascript - 使用 Gulp 基于 Handlebars 模板编译 partials 和 markdown

我这里有一个名为tpage.hbs的Handlebars模板:Title{{>head}}{{>home-header}}{{{mdcontents}}}head和home-header是局部的。我有一个Markdown文件文件夹,我想根据这个模板制作HTML页面,在模板中mdcontents的位置添加.md文件。我有以下Gulpfile:vargulp=require('gulp');varhandlebars=require('gulp-compile-handlebars');varHB=require('Handlebars');//IknowIdon'tneedtwoHand

javascript - 使用 mustache 动态渲染部分模板

有没有办法动态注入(inject)部分模板(并使其在Ruby和Javascript中以相同的方式工作)?基本上,我试图在列表中呈现不同类型的对象。我能想到的最好的是:{{#items}}{{#is_message}}{{>message}}{{/is_message}}{{#is_picture}}{{>picture}}{{/is_picture}}{{/items}}我对这种方法并不太感兴趣。有没有更好的办法?另请注意,View的不同类型模型可能具有不相似的字段。我想我总是可以使用最小公分母并让数据哈希包含html,但我宁愿使用mustache模板。 最

javascript - 测试压缩 JavaScript 代码的性能增益

我使用了5个JavaScript压缩器来压缩一个JavaScript库(JSMin、YUI压缩器、Packer、闭包编译器和UglifyJS)现在我知道闭包编译器是减少文件大小的赢家。但是,我也想测试性能提升。执行此操作的好方法是什么?我制作了一个简单的测试页面,它使用了该库的所有公共(public)方法。有没有工具可以测试这个测试页面的页面速度?例如。在浏览器上运行X次并返回平均加载速度。感谢您的回答! 最佳答案 没必要说得太复杂:vartime=newDate();...morescripts...document.write(

javascript - 在 jQuery 模板中使用返回值

经过一些澄清后,我重述我的问题如下。在jquery模板中,我得到了某事。像这样使用函数的返回值很麻烦${$data.score=getScore(results)}{{tmpl(homeTeam,{score:score})"#scoreTemplate"}}是否可以简化-就像下面这样,不幸的是,这并不能解决问题?{{tmpl(homeTeam,{score:getScore(results)})"#scoreTemplate"}}非常感谢,罗布森 最佳答案 尝试这样的事情,{{tmpl(homeTeam,{teamRole:'ho

javascript - Facebook 点赞按钮不喜欢我的代码

我一直在尝试在我的博客上实现一个FacebookLike按钮,如下所示:$("#fblike").append("");并将其添加到我的HTML源文件:问题是,当我尝试测试“赞”按钮时,它显示1而不是0,一秒钟后又回到0。我的Facebook个人资料也没有任何变化。出了什么问题以及如何纠正?PS:我在本地主机服务器上运行它,在我的例子中http://nathan-camposs-macbook-pro.local/~Nathan 最佳答案 我认为事件是这样的:您点击按钮。Javascript向FB发送点赞请求。Facebook尝试访

javascript - 这段代码有意义吗?

这里已经是深夜了,所以我的功能可能不是很好,但是我找到了这段代码,但我似乎无法弄清楚为什么它是这样使用的(注意:我明白它的作用,我不明白它背后的含义)。(function(){varnarcissus={options:{version:185,},hostGlobal:this};Narcissus=narcissus;})();自执行匿名函数用于避免全局命名空间的污染,但是这段代码除了Narcissus不需要引入其他变量所以它可以很容易地重写为水仙={...};。我能想到的一些可能的原因是代码或实现缺陷的future验证。有什么我看不到的吗? 最佳答案

javascript - Codemirror editor fullscreen - 如何向代码镜像添加自定义函数

有一个不错的exampleofhowtomakeafullscreenversionoftheCodeMirroreditor.但是,如果CodeMirror小部件位于其他一些position:absolute或relativediv的中间(CodeMirror小部件的绝对定位不会相对于整个页面)。我们可以向CodeMirror添加一个新命令来全屏显示:CodeMirror.commands.fullscreen=function(cm){varfs_p=$(cm.getWrapperElement());if(cm._ic3Fullscreen==null){cm._ic3Fulls

javascript - 单击元素时一种模式呈现不同的模板

我有不同的按钮(一个用于创建“冲刺”,另一个用于创建评论,等等)。执行这些任务的表单附加到一个模式对话框中,当您单击不同的按钮时会显示该对话框。这些是流程:点击“Sprint”按钮>附加“Sprint”表单>显示模态然后如果你点击其他按钮:点击“评论”按钮>清空模态内容>附加“评论”表单>显示模态目前,不同的内容保存在一个字符串中,当您单击按钮时,它会附加到模态框。但现在我正在使用Backbone和Underscore模板,但我不知道如何做同样的事情。我不想将所有模板都放在模式中并根据您单击的按钮显示它们;我想在点击时附加一个已经缓存的模板。有没有办法用Backbone和Undersc

javascript - 同一页面上的 jQuery 和 javascript 代码不起作用

我对jQuery和javascript代码有疑问;当我在之间写下这个jQuery时和var$j=jQuery.noConflict();$j(document).ready(function(){$j('#page_effect').fadeIn(3000);});然后在body标签中写javascript代码bubblesMain(newObject({type:'linear',minSpeed:100,maxSpeed:400,minSize:30,maxSize:55,num:100,colors:newArray('#FF0000','#FFFFFF','#FFCC99','