草庐IT

分析工具

全部标签

javascript - DevTools 性能工具中的解析、编译和评估是什么?

在Chromes的性能选项卡中运行JS脚本时,我看到JS解释分为三个步骤:Parse、Compile和Evaluate。有时我只会看到Evaluate,有时会看到Compile和Evaluate,有时会看到全部三个。我的问题是:每个步骤的实际含义是什么?为什么有时会缺少步骤?(例如,有时Parse会丢失) 最佳答案 解析:js引擎检查代码,确定所有不同的范围、变量声明等,并对它们进行排序。在这一步也会发生提升。基本上你的纯文本源代码变成了AbstractSyntaxTree(AST)编译:ChromeV8使用JIT编译,这意味着部分

javascript - 使用带快照的 ESLint 进行静态分析

我们在公司中使用ESLint来检测错误,这些错误会破坏构建并阻止部署,但我们还有一些其他规则会在我们的控制台中触发一些警告。我们希望在时间轴上看到这些警告,这样我们就能够检查我们是否正在改善我们的技术债务。我试过了SonarEsLintPlugin在SonarQube中,但它在版本7+中无法正常工作有谁知道其他获取ESLint时间线快照的方法吗? 最佳答案 可以使用官方SonarJSplugin来自Sonar源。在最新的4.2版本中它支持ESLint问题的导入,参见documentationhere.它将允许跟踪您的技术债务,您还可

javascript - 分析匿名 javascript 函数 (chrome)

当chrome中的性能分析匿名高使用率函数在调用树的根部列出时很难排除故障。有没有办法确定匿名函数首次实例化的位置? 最佳答案 您可以利用console.profile([label]),console.profileEnd(),console.time([label]),console.timeEnd([label]).例如,在控制台的JS片段中执行以下代码,然后查看anonynousfunction“自定义和控制DevTools>更多工具>JavaScript配置文件”下的执行配置文件。console.profile("anon

javascript - 外部源映射工具

我在生产中有一个最小化的文件,有一个记录错误的错误处理程序,以及在我缩小文件时生成的源映射,但是我无法将错误映射到我的源文件,因为错误在日志中,不会发生在chrome或firefox中,在这些地方很容易使用缩小的文件和源映射。是否有应用程序或工具可以使用我生成的源映射将缩小文件中的错误报告转换为原始未缩小文件中的位置?所以要完全清楚我有dist.min.js它由几个js文件组成,然后用uglify.js缩小。我有dist.min.js.map这是uglify缩小文件时生成的映射文件。我需要做的就是接受错误错误:未捕获类型错误:无法调用未定义的方法“indexOf”,dist.min.j

javascript - 我的 DOM 中的 Google Analytics(分析)像素在哪里?

我如何使用JavaScript识别已发送GoogleAnalytics(分析)像素(或与此相关的任何像素)并包含我正在寻找的URL参数?我想,因为它是一个跟踪像素,我可以在DOM中查找它,但它看起来不像是插入过的。有人能想出一种方法来分析google使用javascript(不是chrome扩展程序)发出的网络请求吗?有点像document.whenGooglePixelIsSentDoReallyCoolStuff(function(requestUrl){}); 最佳答案 一些事情:1)跟踪信标并不总是像素。有时他们是XHR,有

javascript - Vuex Mutation 正在运行,但组件在 vue 开发工具中手动提交之前不会更新

我有一个vue组件,我无法从通过服务调用填充的计算属性进行更新。Feed.vueStatsfor{{feed.name}}loading{{feedID}}exportdefault{data:()=>{return{feedID:false}},computed:{feed(){returnthis.$store.state.feed.currentFeed},loading(){returnthis.$store.state.feed.status.loading;}},created:function(){this.feedID=this.$route.params.id;var

javascript - 是否有任何工具可以按 DOM 结构比较 HTML 文档?

我想比较两个HTML文档,并想知道它们是否相同。但仅按DOM结构进行比较,这意味着忽略标签中属性的顺序,例如,是一样的。 最佳答案 DOMLevel3Core提供方法isEqualNode()比较内容给出一个解析的DOM节点。Firefox、Chrome、Safari和IE9支持此功能,但Opera或更早版本的浏览器不支持。如果您需要其他浏览器的支持,则必须自己实现。这是JS中的部分实现:functionNode_isEqualNode(that,other){//Usenativesupportwhereavailable//if

javascript - qTip2 - 激活时刷新工具提示

我在这里使用qTip2,并且需要能够在工具提示仍处于事件状态时刷新它的内容。带有工具提示的元素有一个单击事件,该事件会执行一些计算,这些计算可以更改我希望在工具提示中显示的内容。我尝试在每次重新计算后调用“destroy”方法并重新绑定(bind)qtip2,但只有在将鼠标移开并将其放回后才能正常工作。我想要实现的是强制当前事件的工具提示重绘自身。 最佳答案 如果您查看documentation,有一个“设置”方法来改变内容:$('.selector').qtip('option','content.text','newconten

javascript - 自定义工具提示的基本思想,使用纯 Javascript

我需要使用纯Javascript创建自定义工具提示的基本想法代码;我想要什么:例如:LinkText和onmouseover我想用fixedposition显示自定义工具提示基于的元素position,从right:0开始或来自left:0的元素; 最佳答案 我对这个问题有个好主意。HTMLGoogleJavaScript(function(){vara=document.getElementsByTagName('*'),tip,text,base=document.createElement('tooltip');//Defin

javascript - Highcharts - HTML 工具提示和数据标签呈现问题

这是我的问题,当您为数据标签设置useHTML:true时,标签文本似乎会覆盖工具提示背景。您可以在这个简单的fiddle中看到行为:barchart尝试在鼠标悬停在栏上时显示工具提示,您将在工具提示背景中看到数据标签的文本。是否可以在数据标签上设置z-index?我试图在工具提示定义中添加它但没有成功:style:{color:'black','z-index':0},我还尝试为数据标签和工具提示设置跨度类,然后将z-index添加到这些类的css属性中,但它仍然无法正常工作。编辑:由于我仍在寻找问题的解决方案,有人可以指出向图表的条形图(或数据标签)添加类的方法吗?我的目标是调用此