草庐IT

layout布局

全部标签

javascript - 使d3强制静态布局更快

我是新来的d3js.我渲染了一个约10000个节点的图表。我使用了webworker和静态强制渲染(因为普通渲染的成本是webworker的两倍多)。//jsvarnodes=d3.range(10000).map(function(i){return{index:i};});当range为10000时,会耗时将近20秒,在console可以看到,那么如何减少这个时间呢?jsfiddle 最佳答案 您要修改alpha衰减率,它控制力模拟冷却的速度:Thealphadecayratedetermineshowquicklythecur

javascript - 使用 agility.js 进行页面布局和组合

我是MVC风格的javascript库的新手,如果这个问题太基础,请原谅我。我正在尝试写一个Single-PageApplication完全在jQuery和agility.js.agility.js中给出的示例documentation完全包括将html元素添加到文档根目录。问题:是否有“最佳实践”方法来按组件组装页面。这是我的html应用程序的粗略轮廓:.........在“AppPane”div中将是应用程序的内容。好吧,鉴于所有这些,我不是在问我能做什么,而是在问我应该做什么。我从文档和研究中看到我有3个选择:从原子敏捷对象创建我的页面组合,并将它们组装到jQuery文档就绪bl

javascript - 创建一个接受可变数量 View (以及区域)的布局

我的目标我需要创建一个自定义布局(流布局),它可以接收可变数量的View,并根据它们创建必要的区域,并在这些区域内显示传入的View。View可以垂直排列或水平。要求该布局有一个模板,其中最初未定义区域。它只包含一个包装器(data-role="region-wrapper"),添加的区域将在其中呈现。我的方法。1-扩展Marionette.Layout(显然)2-像下面这样重写构造函数constructor:function(options){//callsuperhere...this.viewList=options.viewList||[];this._defineRegion

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 - d3.js:如何在强制布局中更新链接数据时删除节点

我正在使用力布局图来显示网络,但在更新数据时遇到问题。我已经检查了HowtoupdateelementsofD3forcelayoutwhentheunderlyingdatachanges,当然还有来自D3.js的“mbostock”的“修改强制布局”和“常规更新模式”(不幸的是,我最多只能发布两个链接......).我的代码基于“移动专利诉讼”示例,并进行了一些修改和差异。你可以在这里查看我的完整代码:.link{fill:none;stroke:#666;stroke-width:1.5px;}#licensing{fill:green;}.link.licensing{stro

javascript - backbone.marionette.js 中的嵌套布局

假设我已经为Backbone.js和Marionette.backbone.js精心编写了这段JavaScript:(function(){varApplication;$(function(){Application=newBackbone.Marionette.Application();Application.addRegions({top:"#top",middle:"#middle",bottom:"#bottom"});vartopLayout=Backbone.Marionette.ItemView.extend({template:"#tpl_topLayout",ta

javascript - 在 Force 布局中为 d3 节点添加文本标签

这是我的代码,你也可以在JsFiddle上找到完整的代码.我想在每个节点上都有标签,但我做不到。顺便说一句,标签可以嵌入在console的圆圈中。.varnodes=svg.selectAll("circle").data(dataset.nodes).enter().append("circle").attr("r",10).style("fill",function(d,i){returncolors(i);}).call(force.drag);varlabel=nodes.append("svg:text").text(function(d){returnd.name;}).s

javascript - Nuxt.js - 如何在布局中使用组件?

所以我开始使用Nuxt.js。我想修改默认布局文件以具有页眉和页脚。为此,我想创建一个Header和一个Footer组件,并在它们之间放置页面内容标签()。然而什么也没有发生。这是我的default.vue布局文件:FooterimportHeaderfrom"~/components/Header.vue";exportdefault{components:{Header}};...这是我的Header.vue组件文件:HeaderHomeAbout.links{padding-top:15px;}这有什么问题吗?我可以首先在布局文件中使用组件吗?我是否必须在其他地方单独注册新创建的

javascript - 使用 CSS 的流体布局

我注意到在一些使用流动布局的网站上,可以删除页面上的元素并在窗口缩小到较小尺寸时替换元素,显然是为了使内容更易于查看。例如:http://simplebits.com/我的问题是..使用什么css来实现这一点(如果是css,也许是JavaScript..)?我应该看什么才能更多地了解这项技术?谢谢! 最佳答案 当屏幕宽度小于800像素时,样式表包含不同的规则。如果您查看页面的样式表,第983行有一个@media规则,如下所示:@mediascreenand(max-width:800px){/*Alternateruleshere*