草庐IT

宽度可变

全部标签

javascript - 如何使 Prop 不可变以防止在 React 中重新渲染?

我一直在使用react.js创建一个小应用程序。我过多地考虑了“性能”。所以我有一个名为“Spinner”的简单子(monad)组件。我的目标是确保此组件永远不会重新呈现。这是我的组件:importReact,{PureComponent}from'react';exportdefaultclassSpinnerextendsPureComponent{render(){return()}}在使用“react-addons-perf”重新渲染时,组件始终在渲染,我正在使用PureComponent因为我希望该组件只渲染一次,我读到我可以使用不可变Prop但是我不知道如何使这成为可能。如

javascript - 检查数据是否不可变

测试var是否包含不可变数据(即string、number、boolean)的最快最干净的方法是什么,null,undefined)?例如当vartest是可变的时,以下是合法的:vartest={};//thenext2linesworkbecause`test`hasmutabledatatest.someFun=function(){alert(this);};test.someFun();但是当vartest不可变时,它是非法的:vartest="string";//thenext2linesareinvalid,as`test`isaprimitivetest.someFun

JavaScript:在放置之前检查 <div> 对象的宽度

考虑:$("#PlotPlace").append('Helloworld!');只有当结果文本的宽度小于60像素时,我才需要执行该行。如何在放置对象之前检查宽度? 最佳答案 不幸的是,div在渲染到DOM后只有一个宽度值。我会将该内容附加到文档的不显眼区域,甚至可能绝对定位以便不会发生流中断,并确保将其设置为“visibility:hidden”。这样它将被插入到DOM中并被渲染,但对查看者是不可见的。然后您可以检查其宽度,将其移动到位并在该点将其设置为“visibility:visible”。否则,您可以将其从文档中删除。

javascript - 如何使用javascript查找最大用户浏览器窗口宽度和当前

我正在寻找一种使用javascript来查找访问者浏览器窗口宽度和高度的方法,但我还想找到最大窗口大小,因此如果用户使窗口变小或变大,一些元素会像facebook聊天一样自动更改位置或大小。有什么建议吗? 最佳答案 最大浏览器大小宽度将是屏幕的宽度和高度:screen.height;screen.width;但我会使用CSS媒体查询来完成您要执行的操作:http://css-tricks.com/css-media-queries/如果窗口宽度小于500像素,这样的事情会使页面背景变黑:@mediaonlyscreenand(max

javascript - 如何编写一个接受 "forwards"可变数量参数的 JS 函数?

如何编写一个接受可变数量参数并将所有这些参数转发给其他匿名函数的Javascript函数?例如,考虑触发事件的方法的场景:functionfireStartedEvent(a,b,c,d,e,f,g,...){for(vari=0;i特别是因为我有一个生成这些触发方法的事件工厂,所以这些方法对了解给定事件或其处理程序消耗了多少参数没有兴趣。所以我现在把它固定在7点(a到g)。如果少一点,没问题。如果再多,他们就会被切断。我怎样才能捕获并传递所有参数?谢谢。(这里不能使用jQuery或任何其他Javascript框架。) 最佳答案 解

javascript - FancyBox 调整宽度

我可以使用$.fancybox.resize();部分调整高度,但宽度不会根据新内容更新。想法? 最佳答案 来自fancyboxapidocs:$.fancybox.resize:“自动调整FancyBoxheight的大小以匹配内容的高度。”所以看起来不是为了调整宽度。如果您想调整宽度,可以通过手动调整#fancybox-wrap和#fancybox-inner元素的大小来实现。经过快速检查后,看起来#fancybox-wrap设置为比#fancybox-inner宽20px:$('#fancybox-inner').width(

javascript - 如何获得同位素以避免与可变尺寸瓷砖的差距

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:StackOverflowquestionchecklist关闭9年前。Improvethisquestion有没有办法让同位素以没有间隙的方式排列网格?我在几个演示中看到元素改变了位置,但我自己无法实现效果。喜欢这里:http://isotope.metafizzy.co/demos/layout-modes.html这是我的fiddle:http://jsfiddle.net/

javascript - 在 A4 svg 绘图中绘制 1 像素笔画宽度图形

我目前正在尝试用svg画一些图形,纸张尺寸为A4,1个逻辑单元代表1mm。所以我将视口(viewport)设置为297mmx210mm,viewbox为297x210。现在的问题是我画的图stroke-width不再是1个像素。例如,即使我将其stroke-width设置为“1px”,上面的这3行也具有完全相同的线宽。在这种设置下是否仍然可以绘制1像素宽的线? 最佳答案 试试这个:vector-effect="non-scaling-stroke"是SVG1.2Tiny的一项功能,它强制笔划宽度完全符合您的指定,无论缩放或单位转换是

javascript - 确定所有子元素的宽度

有没有一种方法可以在一行代码中确定所有子元素的宽度。将所有子宽度相加 最佳答案 这个?varwidth=0;$('selector>*').each(function(){width+=$(this).width();});jsFiddleexample 关于javascript-确定所有子元素的宽度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4535600/

方向更改后,Javascript 获取手机屏幕宽度

我正在像这样捕获orientationchange事件:$(window).bind('orientationchange',function(e){});如何在orientationchage之后获得新的屏幕宽度和高度(以像素为单位)?我试过screen.width但这并没有改变,它仍然是初始宽度,即使在方向改变之后也是如此。 最佳答案 $(window).bind('orientationchange',function(e){varori=window.orientation,width=(ori==90||ori==-90)