草庐IT

html-docs-js

全部标签

javascript - 如何调试 Mustache js 模板?

我正在使用mustache.js来呈现客户端。我定义了tempalte脚本并传递了模型对象(数组)。有时,我在UI中看不到对象值。如何调试。我正在迭代“模块”并创建表格行。在某些情况下,GUI变为空但模型实际上有数据。在这种情况下,我想在这里进行调试。如何调试此模板。{{#modules}}{{Name}}{{label}}{{Voltage}}{{Current}}{{power}}{{/modules}}谢谢。 最佳答案 您提供的模板非常简单,没有明显的错误。您还声明它适用于某些情况,这表明模板本身不是问题。根据您提供的信息,除

javascript - plotly.js - 如何修复条形图中条形之间的空间

是否有任何配置布局选项来增加plotly.js中条形图中条形之间的空间?我尝试增加图的宽度,但它正在扩展整个图。我需要固定条的宽度和条之间的间距。任何帮助都会非常有帮助。 最佳答案 是layout的设置改变gap的layout对象的键值对是bargap。例如给定数组x和y:Plotly.newPlot('myDiv',[{x:x,y:y,type:'bar'}],{title:'title',xaxis:{title:'abscissa'},yaxis:{title:'ordinate'},bargap:0});将生成像直方图一样没

javascript - 使用 React.js 将 className 赋予 forEach 循环中的匹配元素

伙计们,我在我的示例中有一个随机词,我正在将该随机词的字母拆分为跨度。然后我检查该单词中是否有特定字母并使用forEach循环来实现此目的。这是我的职责;getLetter:function(e){varval=e.currentTarget.textContent;this.state.letters.forEach(function(letter){if(letter===val){alert("Thereis'r'letterintheword.")e.target.className='clicked';letter.className='foundedLetter';}});

javascript - 在 Angular2 中使用 d3.js

SO上有一些关于它的问题,但不幸的是,它们似乎都被弃用了。我将angular2与angular-cli结合使用。使用npminstalld3安装d3.jsim。我的app.component.ts文件:import{Component}from'@angular/core';import*asd3from'd3';@Component({selector:'app',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{}但不知何故,由于错误,应用程序无

javascript - Typescript:如何解析 node.js 的绝对模块路径?

我需要根据baseUrl解析模块,以便输出代码可用于node.js这是我的src/server/index.tsimportexpress=require('express');import{port,databaseUri}from'server/config';...这是我的src/server/config/index.tsexportconstdatabaseUri:string=process.env.DATABASE_URI||process.env.MONGODB_URI;exportconstport:number=process.env.PORT||1337;运行ts

javascript - 用 Vue.js 2 观察数组

我有一组选择(分配给项目的item.pricelists)在v-for循环中呈现并与v-model绑定(bind)。该项目的可能选择选项由item.valid_pricelists中的另一个v-for呈现。两者都是从同一个数组中的服务器中提取的。现在我需要注意用户何时更改选择,因此我可以使用item.valid_pricelists中的新值更新item.pricelists数组。渲染部分:{{price_list.description}}Parentpricelist:{{row.parent_id}}观看部分:watch:{'item.pricelists.id':{handler

javascript - 如何使用 html2Canvas 和 AWS S3 图像处理 CORS?

我知道以前有人问过类似的问题,但我仍然无法解决。我有一个div,其中包含从AWSs3中的存储桶加载的图像,它们完全加载没有问题。现在我希望能够将特定div中的任何内容保存为jpeg(例如截屏),插件html2canvas可以帮助实现这一点。问题是,当我尝试实际保存它(或只是立即显示此类屏幕截图的结果)时,我遇到了这些问题:Canvasistainted=>我在插件中设置了allowTaint:true但它会抛出这个错误,所以我禁用它并且错误消失了。我将useCORS设置为true以允许来自其他来源的图像。对图像的访问已被CORS策略阻止为了解决这个问题,我在我的AWSS3存储桶上设置了

javascript - Vue中JS与SCSS共享变量

我最近开始使用Vue.js2,我是单文件组件结构的粉丝:HelloWorldexportdefault{name:'hello-world',};h1{font-size:72px;}不过,我很好奇是否存在在SCSS和JS之间传递变量的既定方法。我需要共享一个值,现在它在两个部分中都是重复的。我使用VueCLI创建了这个项目,所以它使用vue-loader与Webpack2捆绑在一起。我希望有一种方法可以将其配置为将变量从JS填充到SCSS,反之亦然。 最佳答案 您的问题将受益于更多详细信息。您需要多彻底的集成?这将允许您创建一个J

javascript - 如何在 Node.js 中进行窗口截图?

我正在研究寻找一种使用Node.js截取窗口屏幕截图的方法,我正在尝试使用node-ffi执行此操作,但我不知道如何...我被困在这里的时间:varffi=require('ffi');varuser32=newffi.Library("user32",{FindWindowA:['uint32',['string','string']],PrintWindow:['int32',['int32','string','int32']]});varIMG;varwindowHandle=user32.FindWindowA(null,"Calculator");varprintWin=u

javascript - 如何在 Chrome Dev Tools 中编辑 Html 中的 Javascript

我们可以在ChromeDevTools的Sources面板中编辑和执行*.js文件中的JavaScript代码。但是,如果js代码来自于*.html文件,除了加断点之外,我们如何编辑执行呢? 最佳答案 在Chrome开发者工具中,您可以设置一个“工作区”,当您对文件进行更改时,它会保存在本地并在浏览​​器中显示更改。请按照此Google指南进行设置。它很容易理解并带有屏幕截图,如果您需要进一步的帮助,请回复消息。说明链接:https://developers.google.com/web/tools/setup/setup-work