草庐IT

布局优化

全部标签

javascript - .mousemove 和内存,我需要优化吗?

我在这里创建了一个简单的光测试演示:http://jsfiddle.net/CGr9d/当我使用Chrome开发工具记录内存使用情况时,我得到:http://cl.ly/LSDl,它基本上上升到某个点然后再次下降并重新开始,直到再次达到之前的高点。这正常吗?有什么方法可以优化我的代码以减少内存占用吗?这是我的mousemove函数:$('body').mousemove(function(e){//2000ishalftheimagewidth/height,ofcourseusedforcentering$('.light-circle').css({backgroundPositi

javascript - ES6 尾调用优化是否涵盖生成器?

ES6对尾调用优化的支持是否涵盖生成器中的尾调用?假设我有这个>=0的整数生成器:varnums=function*(n){n=n||0;yieldn;yield*nums(n+1);};目前,在Chrome和Firefox中,它会为每个递归调用添加一个堆栈级别,最终会遇到“超出最大调用堆栈大小”错误。一旦ES6完全实现,这种情况还会发生吗?(我知道我可以迭代地编写上面的生成器而不会遇到错误。我只是好奇TCO是否会处理递归定义的生成器。) 最佳答案 当进行函数调用时,根据Functioncallevaluation部分,Lettai

javascript - 在 javascript/d3 中具有力导向布局的 Beeswarm 图

这是一个articleoncreatingbeeswarmplotsinR.还有Rpackageforbeeswarmplot.接下来的两张图片说明了该软件包提供的一些可能性:但是,我现在正尝试使用d3.js的力导向布局来实现它.我的计划是让自定义重力将点拉向垂直线及其适当的y值,碰撞检测使点彼此远离。我有asemi-workingprototype:不幸的是,我找不到解决两个问题的方法——我怀疑这两个问题实际上是同一个问题:我的观点一直有重叠,至少有一点重叠。点数累积后,正在进行“洗牌”布局的中心,作为防撞力和“来到中心”部队战斗。我希望这些点能很快就他们应该住在哪里达成一致,并且不

javascript - 如何使 ExtJS 表格布局具有百分比而不是高度和宽度的绝对值?

使用Ext.Panel和table布局,我能够按照我想要的方式创建布局。但是,如何更改此代码以便按比例定义宽度和高度?例如表格不应为800像素,而应为屏幕宽度的100%,每个框不应为200像素,而应为屏幕宽度的25%。代码如下:clearExtjsComponent(targetRegion);vartable_wrapper2=newExt.Panel({id:'table_wrapper2',baseCls:'x-plain',renderTo:Ext.getBody(),layout:'table',layoutConfig:{columns:2},defaults:{frame

javascript - 显示、隐藏,然后重新显示布局中断事件

在显示、隐藏和重新显示Marionette布局时遇到问题。我相信这个问题也适用于常规的BackboneViews和MarionetteItemViews。总而言之,我有一个父View。初始化时,它会创建两个子布局,用作选项卡内容。问题是,当显示一个选项卡的选项卡内容时,会显示另一个选项卡的内容,当再次显示原始选项卡内容时,事件不再起作用。子布局在父布局的initialize函数中创建并重新使用,因为当导航移回它们时需要保留它们的状态。这是一个sampleapplication这证明了我在说什么:这是一个显示损坏事件的视频:VideoLink非常感谢! 最佳答

javascript - 从 JSON 调用和重绘更新包布局的数据

我一直在研究circlepacksample.但是,我在尝试从一组新的JSON数据更新事物并在之后刷新它时遇到了很多麻烦。我的代码只是circlepack示例的修改版本:vardiameter=960,format=d3.format(",d");varpack=d3.layout.pack().size([diameter-4,diameter-4]).value(function(d){returnd.size;});varsvg=d3.select("body").append("svg").attr("width",diameter).attr("height",diamete

javascript - 使用这个系统来布局网页有什么潜在的问题?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。对CSS的许多限制和兼容性问题感到沮丧,并且发现自己经常需要编写javascript代码以使我的网页按照我想要的方式布局,我认为我可以通过完全放弃CSS来构建页面结构来简化future的元素.我编写了一个javascript库,它解析XML文件中指定的布局,并使用绝对定位和大小的非嵌套div将它们应用于HTML文档。所以这个想法是每个页面都有一个包含所有内

javascript - 优化将 JSON 属性名称小写的 JavaScript 代码

我正在开发一个Web应用程序,该应用程序接收具有大写属性名称的JSON数据。我需要这些属性名称是小写的,所以我使用一个函数递归循环遍历JSON对象并将它们转换为小写。问题是我的JSON回复可能会变得非常大。我希望该函数即使必须处理具有60,000个属性名称和各种嵌套级别的JSON,也能表现良好。小写函数是:FN=function(obj){varret=null;if(typeof(obj)=="string"||typeof(obj)=="number")returnobj;elseif(obj.push)ret=[];elseret={};for(varkeyinobj)ret[S

javascript - D3 圆包布局中嵌套圆的工具提示

我在这里敲我的头。我想在ZoomablePackLayout等结构中显示叶节点的工具提示.叶节点是棕色的。如果我使用工具提示的标准代码:vis.selectAll("circle").data(nodes).enter().append("svg:circle").attr("class",function(d){returnd.children?"parent":"child";}).attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",function(d){returnd.r;

javascript - 是否有用于 backbone.js 等的用于 javascript 的现代/轻量级布局库?

我在中断后回到WebUI,并希望使用backbone.js(或batman.js,如果它曾经desublimates)、node.js、通过now.js等通信创建一个现代的单页javascript应用程序-但我的问题是我该如何布置呢?CSS不是这种情况的最佳选择,而且我相信css固定定位在iPad上不起作用(css布局毁了我的灵魂)。理想情况下,该库适用于桌面和移动布局,但这并不是严格的要求,因为似乎有些库可以很好地处理移动布局。我只关心支持现代浏览器(webkit和FF),并希望对所有内容使用css3动画和渲染,而不是遗留动画和圆Angular技巧。我也不关心使用旧浏览器或禁用js的