草庐IT

多目标优化

全部标签

javascript - Function() 构造函数是否没有像 eval 那样被 V8 优化?

我们正在尝试一种通过WebSockets接收网络组件的方法。这些组件包含自定义脚本,它们应该在组件内的上下文中运行。简而言之,我们有一些脚本字符串并想要运行它们。现在我们为此使用eval,像这样:functionctxEval(ctx,__script){eval(__script);//returnthingswiththectx}并按预期工作,但我读到任何包含eval的函数都没有被V8优化。我想像这样将它转换为newFunction():newFunction("ctx",__script)(ctx);这样我可以实现与上面的ctxEval函数相同的效果。我们知道Function是e

javascript - React Flowtype Node.contains() 事件目标

我在React中有这个事件监听器:document.removeEventListener("mouseup",this.handleDocumentClick);这是根据Flow'ssourcecode对该方法的定义之一:removeEventListener(type:MouseEventTypes,listener:MouseEventListener,optionsOrUseCapture?:EventListenerOptionsOrUseCapture):void;似乎监听器必须是MouseEventListener类型:typeMouseEventHandler=(eve

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - Grunt imagemin - 观看多个文件/文件夹优化单个文件?

是否可以使用grunt-contrib-imagemine和grunt-contrib-watch查看多个文件/文件夹但只优化单个文件?我这样试过:(gruntfile的一部分)imagemin:{dist:{cwd:'images/modules',files:['images/modules/**/*.{png,jpg,gif}'],dest:'images/modules'}},watch:{images:{files:['images/modules/**/*.{png,jpg,gif}'],tasks:['imagemin'],options:{spawn:false,}}}

使用 `new Function()` 优化 Javascript

在阅读文档时,我发现了一个可以大大提高javascript性能的简单优化。原代码:functionparseRow(columns,parser){varrow={};for(vari=0;i优化代码:varcode='return{\n';columns.forEach(function(column){code+='"'+column.name+'":'+'parser.readColumnValue(),\n';});code+='};\n';varparseRow=newFunction('columns','parser',code);在这里找到:https://github

javascript - 点击目标

看这段代码:ClickmeMAN!window.onload=function(){document.body.addEventListener("click",function(event){vartarget=event.target;alert("Returns\""+target.nodeName+"\".Justwant\""+target.parentNode.nodeName+"\"")},false);}您可以在“链接”中看到元素“span”,当单击“链接”时,当前目标是相同的“span”。“event.target”如何返回“link”而不是“span”。谢谢,不,我

javascript - 优化 JavaScript 加载的最佳实践

我在网上阅读了几篇关于优化javascript加载的文章。我得到的几个关键点是最小化脚本文件(http请求)的数量,缩小并在服务器上启用gzip。目前,我这边所做的是缩小所有javascript文件,并且也可以简单地启用gzip。第1部分)我的问题是我有大约20个javascript文件,其中一个common.js具有所有核心功能。除此之外,每个页面都会加载至少一个实现该页面功能的其他文件。解决方案1,是将所有脚本合并到一个大脚本文件中,并为每个客户端加载一次,这似乎是其他人正在做的。我猜YUI或者JSMin可以用来压缩,所以我应该手动合并文件?解决方案2,当需要一个必需的功能时延迟加

javascript - 检测在不可见和在视口(viewport)外时是否对canvas/css3动画进行了优化

我假设使用HTML5中的所有这些硬件加速动画,实际上不会渲染在视口(viewport)之外运行的动画。我希望能够检测到是否正在发生。我尝试在每秒移动100px的对象上循环使用webkitCSSMatrix来尝试确定每个刻度线移动了多少像素,但是如果我将动画移出视线则没有区别。有任何想法吗? 最佳答案 您可以使用单独的计时器测试来查看伪经验方面在外部和内部绘制的对象之间的差异(计时器实际上并不能证明任何东西,但可以为您提供强大的indisium)。但是,了解Canvas的工作原理也可以为您提供坚实的指导。例如,Canvas是一个简单的

javascript - 删除/避免将目标链接添加到 URL

这对于这里的jQuery/JavaScript专家来说可能很简单,但我在网上找不到解决方案。案例我在页面底部有一个链接,上面写着返回顶部,该链接只是一个目标链接,如下所示:BacktoTop因此,当您单击它时,它会跳转到页面顶部。简单。问题当目标链接被点击时,id#top被添加到页面的URL中,即:http://website.com/about-us/#top问题有没有办法删除或避免将id#top添加到页面的URL但保留页面跳转到顶部的功能?非常感谢对此的任何帮助。 最佳答案 无论哪种情况(jQuery或vanillaJavaSc

javascript - 如何获取优化掉的变量值?

一些变量可以在Javascript执行期间被“优化掉”。因此,此类变量的值在调试时不可用于检查(Userdocumentation)。变量View显示(优化掉)消息,如果尝试评估变量,控制台会抛出以下错误:Error:variablehasbeenoptimizedout有什么方法可以在Firefox中强制评估此类变量或禁用此优化? 最佳答案 以防止这种优化的方式使用变量。functionNOP(){}//thenintheoptimisedcodeNOP(myvar);//debugginghereshouldnowshow`my