如果在闭包内定义变量的话,我正在测试性能(使用chrome时间轴).所以它的价值不会暴露给用户.
按预期run_proto_fn运行速度快几倍,垃圾收集最少,内存堆也很少.
但run_proto_obj事实恰恰相反,好像在对象原型属性属性中具有非函数值是昂贵的.
有人可以分享一些清晰度吗？
SOME = function(){};
SOME.prototype.exe = function(v){
var x = {
a:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, quae repudiandae eveniet cumque consequatur vitae aut. Nisi perspiciatis magnam explicabo optio reprehenderit dignissimos at porro quam, neque dolorum, architecto odit?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, quae repudiandae eveniet cumque consequatur vitae aut. Nisi perspiciatis magnam explicabo optio reprehenderit dignissimos at porro quam, neque dolorum, architecto odit?Lorem ipsum dolor sit …javascript profiler profiling ecmascript-5 google-chrome-devtools
feTurbulence 滤镜用于创建云。通过动画频率值，生成的云被放大或缩小。我希望它们从右向左滑动。到目前为止我已经做到了：
<svg height="0" width="0" style=";position:absolute;margin-left: -100%;">
<defs>
<filter id="imagenconturbulencias" x="0" y="0" width="100%" height="100%">
<feTurbulence result="cloud" baseFrequency=".2" seed="22" stitchTiles="nostitch" type="fractalNoise" numOctaves="3">
<animate
attributeName="baseFrequency"
calcMode="spline"
dur="5s"
values=".2;.1;"
repeatCount="indefinite"
/>
</feTurbulence>
<feComposite operator="in" in="cloud" in2="SourceGraphic"/>
</filter>
</defs>
<g stroke="none" stroke-width="4" id="rlog" fill="#eee"><path d="M34.2,13.9v19.5h-7.3V13.9H34.2z M30.5,5.2c1,0,1.8,0.3,2.6,1s1.1,1.5,1.1,2.5c0,1-0.3,1.8-1,2.5s-1.6,1-2.6,1c-1.1,0-1.9-0.3-2.6-1s-1-1.5-1-2.5c0-1,0.4-1.8,1.1-2.5S29.5,5.2,30.5,5.2z"/></g>
</svg>
<div id="a">
<svg viewBox="0 0 230 280">
<use filter="url(#imagenconturbulencias)" xlink:href="#rlog"></use>
</svg>
</div>如果你仔细观察，5 秒后动画就会重复出现，这是理所应当的！但它看起来并不那么漂亮。
我知道这个过滤器用于创建逼真的云状结构。我们怎样才能不断地移动这些云呢？
feTurbulence过滤器接受 randomSeed numberOfOctaves 和 baseFrequency 等参数。
在给定的示例中，我用动画显示了基本频率的值。因为没有更多的属性可以设置动画。
如何让这个动画看起来连续呢？我们是否在这个湍流生成的东西上使用柏林噪声发生器结合矩阵和位移图，并以某种方式一起制作动画？（只是头脑风暴..）
任何帮助、想法、方法、片段，衷心感谢。
为了简单起见，这可以是黑白的，但云动画仍然不连续。奖金片段