草庐IT

弹性布局

全部标签

javascript - Mean.js 多种布局,服务器或 Angular 布局

我一直在开发一个mean.js应用程序。我有一个管理主题,我正在尝试将其与现有应用程序集成。我的问题是我们可以有多个服务器布局吗?如果登录用户是RegularUser,则使用layout-1如果用户是Admin,则使用layout-2如果我们不能有多个服务器布局(我认为这是不可能的)。有什么方法可以检测Angular客户端应用程序中的参数或范围变量,并在主布局中动态加载部分内容。假设我有一个Index.html文件,如果预期的路径是Dashboard,我只需替换页面View的一部分,(RubyonRails开发人员会知道这一点)更新1:我已经创建了2个文件,其中包含我所需的管理索引和布

javascript - 如何在不使用 jQuery 重新计算布局的情况下操作元素

我有很多div元素需要重新计算它们的高度。这些div位于另一个id="content"的div中。我是这样使用jQuery的:$("#contentdiv").css("height","*="+Math.random());大约有1000个div是这样重新计算的。这样做需要一些时间,我知道这是因为布局为每个元素重新计算一次。这只需要几秒钟,但已经很多了。我之前得到了有关使用常规JavaScript文档片段的提示。我希望能够使用jQuery来执行此操作。有什么方法可以使用jQuery分离此div并在将它们写回之前在事件DOM之外对其进行操作,以便在我完成操作之前不会重新计算布局?

javascript - 保存拖放布局的最佳方式

这个问题我见过几次,但它们大多与单个对象和cookie有关。我正在构建一个具有工具箱拖放功能的应用程序(非常像您在VisualStudio中看到的——即将对象拖到表单上,给它们命名,等等)因此可放置区域可以有许多对象,包括嵌套的可丢弃物。对于保存到SQLServer数据库然后重新加载如此复杂的布局的最佳方式有何看法?对象需要完全按照保存时的方式加载和显示。它将由ajax完成,但除此之外,我不确定继续进行的最佳方式。此外,任何可能为我指明正确方向的例子都会很棒。非常感谢。 最佳答案 您可以通过XML或JSON将数据序列化,并将序列化后

javascript - D3 力导向布局的基础知识

我正在使用d3.js进入令人兴奋的力导向布局世界。我掌握了d3的基础知识,但我无法弄清楚设置力导向布局的基本系统。现在,我正在尝试创建一个简单的布局,其中包含一些漂浮在中心的不相连的气泡。很简单吧!?创建了正确的圆圈,但没有任何反应。编辑:问题似乎是force.nodes()返回初始数据数组。在工作脚本中,force.nodes()返回一个对象数组。这是我的代码:$(function(){varwidth=600,height=400;vardata=[2,5,7,3,4,6,3,6];//createchartvarchart=d3.select('body').append('sv

Javascript 仪表板布局框架

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我一直在研究代表仪表板的javascript框架。我实际上是在尝试用他们的仪表板模仿Atlassian的JIRA产品的行为。因此,以下是要求:仪表板的列布局由用户预定义(1col、2col、1col@30%-2ndCol@70%等)用户可以使用添加按钮将小部件添加到仪表板用户可以将小部件拖动到新位置拖动时,小部件采用它被拖动到的列的宽度。在拖动过程中,移位的小部件只会

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 - 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