草庐IT

layout-fill

全部标签

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - 开放层 3 : how to set fill style of a vector feature

我正在尝试设置矢量图层的单独特征的填充颜色。使用下面的代码,我认为我可以遍历这些功能并单独设置它们的填充样式,但是发生了一个奇怪的问题。如果没有setStyle函数,功能的各种属性将记录在控制台中。ID、名称和几何图形。大约有5个左右的功能被记录下来。基本喜欢room1room2room3room4room5每个数据下面都有额外的数据(id、geometry)但是当我添加设置特征填充的行时,我遇到了一个奇怪的问题。它似乎在第一个功能上挂起循环,并且控制台填满了该功能属性的日志,例如:room1room1room1room1room1room1room1很长一段时间,到了firefox日

javascript - ColdFusion Layout, CFlayout, 无法切换到父标签

我有一个使用CFlayout生成动态选项卡的应用程序。每个选项卡都由变量组合组成,但出于本文的目的,没有必要深入探讨。有趣的是。过去,如果CFlayout找不到选项卡,我总是会收到错误消息。如果我更改选项卡名称(知道它会不正确),Coldfusion会抛出错误,所以我知道选项卡存在通常,但无论出于何种原因,它都不会切换。下面是我的代码:JavaScriptvaruniqueTopTabID=someVar,uniqueLowerTabID=uniqueTopTabID+someVar,$topLayoutID=$('#cf_layoutarea'+uniqueTopTabID),//j

javascript - 为什么 Array.prototype.fill() 与 `for` 循环相比有如此大的性能差异?

在对Array.prototype.fill()方法进行一些测试(macOS上的Chrome)时,它显然比简单地创建您自己的慢了将近两倍(如果不是更慢的话)for循环并填充您的数组。显然在做类似的事情:for(vari=0;i对比Array.fill(0);Array.fill()方法将花费约210-250毫秒来填充大小为10000000的数组,而for循环将花费约70-90毫秒。似乎Array.fill()方法可以重写为简单地使用直接循环,因为您始终知道初始索引和目标索引。letarrayTest=newArray(10000000),startTime,endTime;startT

javascript - 浏览器 "drag and drop"事件 : Can anyone fill in the blanks?

直到现在我才真正需要使用任何拖动功能,所以让我向您介绍一下我到目前为止的发现:拖动事件是在用户拖动对象时发生的事件。这是“正确的”操作系统拖动,例如:隐藏一些文本并拖动它,或者甚至从浏览器外部拖入某些内容。据我所知,拖动时不会触发其他浏览器事件。(例如,onmouseover被忽略)。唯一有效的事件是拖动事件。在所有现代浏览器中,onDragEnter和onDragOver似乎都可以工作...但firefox缺少“onDragLeave”。对于拖放,FF使用“onDragDrop”,而IE和其他使用“onDrop”,而Safari似乎不支持它。事件似乎只适用于“可放置”元素,例如文本区

javascript - 如何控制d3 force layout的仿真速度

我正在关注像this这样的d3强制布局示例.我想控制点飞向簇的速度。换句话说,我想让一些点花更多的时间到达它们的最终位置,而一些点花更少的时间。我尝试添加一个计时器功能来控制每个滴答的时间,但没有成功。this.force=d3.layout.force().on("tick",setTimeout(tick(d),50));我需要帮助。 最佳答案 不要设置计时器来调用tick函数,这是由强制布局自动完成的。然而,您可以设置许多参数来修改强制布局的行为。以下是与您尝试做的事情最相关的内容。.friction()对应于速度衰减的速度,

javascript - Force Masonry/similar to ignore flow and fill gaps 相反

Masonry/Isotope/Freetile和其他在网格/容器中绝对定位元素方面做得很好。但是,当元素占据网格/容器的整个宽度时,它会产生巨大的间隙,这是NotAcceptable结果。这是我的问题的一个jsfiddle:http://jsfiddle.net/QNf3A/1/红色div顶部有足够的空间放置绿色div。然而,不同的图书馆倾向于尊重流程,而不是“不留缝隙”的理念。有谁知道替代的js库或类似的技巧来避免差距?-来自jsfiddle的代码...HTML:CSS:#container{width:600px;background-color:#EEE;}.block{flo

javascript - ExtJS 调试 "[E] Layout run failed"(在自定义组件中)

我开发了一个customkindofcombobox它使用网格而不是标准的组合选择器(主要是为了受益于大数据集的缓冲渲染)。我现在正试图使其与Ext4.2.1兼容,但我遇到了这个错误:[E]Layoutrunfailed请参阅demopages对于测试用例。每个组合都会引发一次错误,但只会在第一次展开时引发。4.2.0没有发生这个错误(参见demopagewith4.2.0)。当时我在4.2.1中确定的重大更改是关于查询过滤器,而不是渲染或布局......但是,在网格选择器位于窗口,但它在一个有很多覆盖的代码库中,并且使用了Ext4的沙盒版本......所以我只是希望它不是来self的