草庐IT

JS-Beautify

全部标签

javascript - d3js 转换嵌套组图像

我正在研究[this][1]d3项目。基本上我正在尝试创建一个类似SQL的查询生成器。我可以将框放到绘图区和框内的其他操作符。然后我应该能够将它们全部连接起来。我正在尝试翻译嵌套在组中的2个图像。我想把大箱子里的小东西搬走。我可以分别改造大盒子和小算子。当我尝试首先移动小型运算符(operator)时出现问题。我想移动小运算符(operator),然后是大箱子。同时我想保持小运营商和大盒子的相对位置不变。但是,当我在移动其中一个小盒子后尝试移动大盒子时,它会重置其位置。这是我在jsfiddle中的工作演示varqBox=d3.selectAll('.qbox').on('dblclic

javascript - React js css类背景图片不可见

我在React组件中添加了一个类。CSS文件:.bg{background:url('../img/bg.jpg');border:2pxsolidblack;}React渲染方法:render(){return(HeyThis);}浏览器显示边框并加载图像,但图像不可见。截图如下:谁能告诉我我做错了什么? 最佳答案 这很可能发生,因为div.bg没有指定height。因此,它的高度正好适合文本内容。任何大小的背景图像都不会影响其父元素的大小。如果您的目标是能够看到整个图像,则需要为div.bg指定一个与原始图像的高度相匹配的hei

javascript - 在 React JS 的 this.setState 回调中使用 this.setState?

是否可以在this.setState的回调中调用this.setState?我正在制作一个RoguelikeDungeon并有一个设置,其中在this.setState的回调中使用了一个辅助函数,它再次调用this.setState。我的游戏此时卡住。所以我在React组件中有一个对象,它有一个生成随机二维数组映射的方法:this.Dungeon.Generate();当游戏开始时,我们在componentDidMount()中调用组件中的如下函数:componentDidMount:function(){this.Dungeon.Generate();this.setState({b

javascript - 保存时自动编译和压缩js文件的脚本/应用程序

我正在构建一个网站,并且在一个目录中有多个js文件。当我保存任何一个js文件时,我希望运行一个脚本,该脚本将使用google闭包编译器jar编译和压缩所有文件。来自GoogleClosureCompilerREADME的示例:java-jarcompiler.jar--js=in1.js--js=in2.js...--js_output_file=out.js是否有执行此操作的shell脚本或应用程序?我正在寻找类似于http://incident57.com/less/的东西适用于CSS。 最佳答案 在linux中,您可以使用in

javascript - D3.js -- 加载和操作外部数据

我是D3.js的新手,正在研究各种教程/练习/等等,但我对D3的基本需求是加载外部数据(通常是JSON)并根据该数据绘制一些交互式图表。基本的森伯斯特例子是here:我成功地将它适配到我自己的数据上。但是,我希望简化数据的传递并处理D3.js中的一些操作。例如,我想提供一个可以根据需要由D3操作的平面数据文件,而不是为旭日图准备的分层数组。但是,我不确定如何在D3的数据函数之一之外绘制旭日图。我尝试了下面的代码,而不是通过json加载数据,而是将其内联包含在内,因此结构是可见的(不出所料,它不起作用):varw=960,h=700,r=Math.min(w,h)/2,color=d3.

javascript - JS 动画架构设计以获得最佳性能

GreenSockanimationengine的性能提升非常戏剧化。为了实现这些yield,该图书馆做出了哪些潜在的架构决策和权衡?特别是,这个引擎与jQueryanimate有什么不同?? 最佳答案 greensock的人们给出了很好的回答:全面使用高度优化的JavaScript(这需要很多诸如使用链表、局部变量、快速查找之类的东西表格、内联代码、按位运算符、利用原型(prototype)而不是为每个实例重新创建函数/变量等)设计平台的结构,使其非常适合很好地应对高压情况,最大限度地减少函数调用和确保事情对gc友好。在一次更新中

javascript - 是否可以使用 require.js 为文件夹设置依赖项?

是否可以使用require.js为整个文件夹设置依赖关系?我知道您可以使用shim配置来设置文件的依赖关系:require.config({shim:{'plugin/backbone/xyz':{deps:['lib/backbone'],exports:'Backbone'}}});在上面的示例中,我定义了插件backbone/xyz的依赖关系,但我想定义所有主干插件的依赖关系:require.config({shim:{'plugin/backbone/':{//Iwouldliketospecifyafolderherebutitdoesn'twork.deps:['lib/b

javascript - 是否可以编写无法访问全局变量的 JS 函数?

为了更好地了解函数正在使用什么等。如果不访问全局范围,变量查找也可能更快?假设我有:a=5;b=5;在全局范围内。是否可以将下面的函数包装成functiongo(){console.log(a);}将无法访问“a”和全局命名空间并返回UncaughtReferenceError:aisnotdefined 最佳答案 不,没有办法完全阻止对全局变量的访问。也就是说,您可以为它提供一组不同的全局变量:即,在iframe中运行它。不过,这并不是万无一失的,因为它随后只能使用window.parent来访问父级的全局变量。

javascript - three.js - 管段上的 TubeGeometry + DecalGeometry

我想在管几何体的一段内(在背面)放置贴花。我的做法是使用TubeGeometry作为贴花几何体。这是我的:这就是我想要的:(画得不好)示例代码://codevartube=newTHREE.TubeGeometry(pipelineSpline,200,20,20,closed2);tubeMesh=THREE.SceneUtils.createMultiMaterialObject(geometry,[material,//aphongmaterialmaterialInside//amaterialfortheinside]);scene.add(tubeMesh);vardeca

javascript - 剧情 js : how to run my javascript ONLY after plot image is loaded

当通过JavascriptAPI(plotly.js,而不是plotly-nodejs)使用任何类型的plotly图表时,我如何才能在图表加载后运行一些javascript?我正在寻找plotlyjavascriptAPI中的机制,例如,在使用GoogleMapsAPI时,它与“addListenerOnce”结合“tilesloaded”或“ready”执行相同的操作。例如,假设我想在呈现https://plot.ly/~PlotBot/685处显示的示例后立即简单地显示一个警报,其html和js代码可以在https://plot.ly/~PlotBot/685.js查看.这样做的原