草庐IT

es慢查询分析

全部标签

javascript - 分析 jQuery 应用程序

我最近在一个应用程序上遇到了一个响应缓慢的脚本错误,我觉得有必要分析该应用程序以确定我需要改进的地方。我想要一个长期修复,而不是一个骇人听闻的修复。我尝试了FirebugProfiler,但由于该应用程序使用了大量jQuery,所以我收到了很多关于匿名调用的报告,这在我的意料之中。我还在网上找到了一些关于JohnResig创建的分析器的报告,但我找到的链接都失效了。所以我的问题是:分析jQuery应用程序的最佳方法是什么?是否有任何开源专用工具/脚本来实现此目的? 最佳答案 所以在深入研究之后,我发现了JohnResig给出的另一个

javascript - 用于分析和绘制 Javascript 函数之间依赖关系的工具

是否有可以为javascript生成函数依赖关系图的程序/工具?基本上,输入应该是javascript文件的文件夹,然后输出是一个漂亮的图表,显示每个函数之间的所有关系。如果我也可以与图表进行交互,那就更好了。有办法吗?谢谢 最佳答案 在Windows和VisualStudio上,您可以查看JSAnalyse:http://jsanalyse.codeplex.com/我没试过,但根据描述,它解析JavaScript文件并根据它们之间的静态引用创建不同文件的依赖关系树。项目JSAnalyseisatooltoanalyzethede

javascript - ES6 模块导入和依赖管理

使用转译器已经可以使用ES6模块。最简单的方法之一是使用Browserify和Babelify。我遇到的问题是如何处理依赖管理。在过去,您只需要一些Bower依赖项。该构建会将非CDN捆绑到vendor.js并将特定文件投影到foobar.js(或其他)。因此,您只需bowerinstallfoobar--save就可以在不同的项目中使用生成的代码。如果foobar和您的新项目具有共同的依赖关系,则可以使用Bowers平面依赖关系轻松解决。现在ES6模块来了:假设我有一个使用lodash的项目foo。目录结构如下:src/js/foo.jssrc/vendor/lodash/dist/

javascript - 自定义 Webpack CSS-loader "localIdentName"查询标记占位符?

我是Webpack的新手,一直在玩弄css-loader。OntheGithubpageunder"LocalScope"有关于使用您自己的自定义值指定localIdentName查询标记的信息,例如:[path][name]---[local]---[hash:base64:5]。这个标签允许我们指定类在被处理后应该如何命名。我们是否可以为此查询标记定义我们自己的自定义值占位符,即css-loader?localIdentName=[MyCustomMethod]-[hash:base64:5]? 最佳答案 我认为不可能在那里放置

javascript - ES6 : No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

它曾经有效。现在,当我添加一个断点时:saveSnippet:(title,imageUrl,role)=>{debugger;...chrome(53)中的结果是:我尝试使用它并将配置更改为'cheap-module-source-map'和'eval-source-map'和'source-map'。现在只有'eval-source-map'和'source-map'可以工作。webpack.config.js(Webpack1.13.2):varpath=require('path')varwebpack=require('webpack')varCompressionPlugi

javascript - Google 的 AutocompleteService 和 Autocomplete 使用相同的查询返回不同的结果

我有以下查询,它是一个邮政编码:11368。当我创建一个自动完成对象(不是服务)时,我在顶部获得了邮政编码的实际区域:这是代码:autocomplete=newgoogle.maps.places.Autocomplete(document.getElementById('PlaceSearch'),{types:['(regions)']});[...]这正是我想要的。但是,出于设计原因,我需要在站点上使用自定义自动完成系统,所以我已经转移到AutocompleteService这是同一事物的非UI、纯代码版本(至少它是应该)。我创建了我的自动完成服务:x=newgoogle.map

javascript - ES6 React - 引用、浅拷贝和深拷贝有什么区别以及如何比较它们?

我知道这个问题已经被讨论了很多次,我想我已经有了一个基本的想法。我从StackOverflow找到了一些评分最高的答案:Whatisthedifferencebetweenadeepcopyandashallowcopy?DeepCopyandShallowCopy但所有的答案对我来说似乎都很模糊。让我们考虑以下示例:constuser={name:"James",age:33,highlights:{career:"Basketballplayer",NBAChampion:[2012,2013,2016],},promotion:()=>("GetLeBron15now!"),};

javascript - 在 Ember.js 中关闭粘性查询参数

我找到了一个jsbin来说明我的问题。http://emberjs.jsbin.com/ucanam/2708.最后一个链接,在链接上没有明确的查询参数设置,它使用Controller上当前的粘性查询参数值。有办法关闭这个粘性功能吗?这样做会破坏其他场景吗?我目前的解决方案是在我想要清除的每条路线上清空查询参数:exportdefaultEmber.Route.extend({deactivate:function(){varcontroller=this.controllerFor(this.get('controllerName'));varqueryParams=controll

javascript - 将依赖项注入(inject) ES2015 模块

是否可以像C#或Java等其他编程语言一样将依赖项注入(inject)ES2015模块?如果我导入一个模块,我就会对它产生硬依赖,并且以后在运行时无法更改它。例如,我有以下JavaScript代码:importAnimalfrom'./dog';classPerson{feedAnimal(){newAnimal().feed();}}我正在导入狗模块。但是如果我想把它变成一只猫呢?目前我必须手动修改第1行,但在某些情况下我希望它可以从外部进行配置,以便在某些情况下应该有一只猫,而在其他一些情况下它应该是一只猫。经典依赖注入(inject)可以完成的所有事情。我知道有一些DI框架,比如

javascript - 在 es6 中使用 webpack 的分块

我正在构建一个开始变得相当大的网络应用程序(用es6编写的React应用程序)。结果,我发现我的JS文件在移动设备上的下载时间长得令人无法接受。我正在尝试将大型JS应用程序分块为按需加载的block。我正在使用webpack,并阅读了这篇文章:https://webpack.github.io/docs/code-splitting.html通过本文,我将我的代码拆分为app.js和vendor.js,其中vendor.js包含所有第三方模块/插件。我想更进一步,将app.js文件分解成几个入口点,然后根据需要下载block。上面的文章描述了如何使用CommonJS或AMD来做到这一点