草庐IT

es的开发场景

全部标签

javascript - 如何获得源映射以与 Chrome 开发工具和 webpack 一起使用?

我正在使用webpack-dev-server-d--inline来提供通过webpack生成的dist/app.js文件。我已经激活了源映射,它在我的dist/文件夹中生成了一个app.js.map文件,并在文件末尾生成了//#sourceMappingURL=app.js.map,但是Chromedevtools似乎没有使用源映射。我想问题可能是Chrome看不到原始源文件(因为webpack-dev-server只提供dist/文件夹),所以我尝试将提供的文件映射到本地开发工具中的文件。不幸的是,然后我得到了“工作区映射不匹配”,我不确定为什么文件会不同,我也不确定这是否会解决源

javascript - 如何在我的功能场景 Cucumber.js 中使用标签?

如何在我的功能场景中使用标签?如何知道调用我函数的场景?实际上我有一种情况:Feature:createmodulefeatureAsaadminIwanttousecreatemodule@createModuleGivenIamloggedas'ADMIN'AndIamon"/admin/create"ThenThe"book_id"fieldshouldbeempty我想在我的函数中使用我的标签@createModule然后:this.Then(/^The"?([^"]*)"?fieldshouldbeempty$/,function(el){if(myModule===@cre

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 无法使用 Chrome 开发工具检查元素

我有一个基本的html文件(base.html),其中包含一个使用(iframe.html)的iframe。iframe仅在单击某个菜单项时显示。它们都托管在同一个域中。在base.html中,我包含了一个指向我使用的外部服务的脚本。包含脚本会返回一个存在于我的页面上的对象。在iframe.html中,我有另一个脚本,它根据返回的对象的某些属性构建菜单my_list_builder.js的代码如下所示:varmyList=parent.externalAPI.getItems()varlistBlock=""for(vari=0;i'+myList[i].Name+'';}listBl

javascript - 在 ES6 (ECMAScript 6) 中访问 [[NativeBrand]]/[[Class]]

我正在阅读ES6的草稿,我在Object.prototype.toString中注意到了这个注释。部分:Historically,thisfunctionwasoccasionallyusedtoaccessthestringvalueofthe[[Class]]internalpropertythatwasusedinpreviouseditionsofthisspecificationasanominaltypetagforvariousbuilt-inobjects.ThisdefinitionoftoStringpreservestheabilitytouseitasareli

javascript - 使用开发人员工具识别 javascript 闭包

我目前正在开发一个纯javascript网站,并且严重依赖jQuery和jQueryUI库(该网站不适合公众使用,因此渐进增强不是该项目的严格要求)。我在执行以下代码时遇到严重的内存泄漏:oDialogBox=$("...");/*Addusefulthingstothedialogboxhere*/oDialogBox.appendTo("body");oDialogBox.dialog({/*Otherdialogboxsettingshere*/close:function(event,ui){oDialogBox.dialog("destroy");oDialogBox.rem

javascript - 配置 karma.js 以使用 react 和 ES6

我尝试用ES6开发一个react模块,但找不到任何生成器,所以我不得不从一个基本的生成器开始。我能够配置几乎所有的东西,但是我在尝试配置karma、测试我的模块时遇到了很多问题。这是我的karma.conf.js//Karmaconfiguration//http://karma-runner.github.io/0.12/config/configuration-file.html//Generatedon2015-03-17using//generator-karma0.9.0module.exports=function(config){'usestrict';config.se

javascript - 如何检查 ES6 "variable"是否不变?

有谁知道一些技巧如何做到这一点?我尝试使用try-catch:"usestrict";consta=20;varisConst=false;try{vartemp=a;a=a+1;a=temp;}catch(e){isConst=true;}但不幸的是,它只能在“严格”模式下工作。如果不使用“usestrict”,它会静默执行所有语句,而不会修改a。此外,我无法将此代码包装到一些方便的函数中(例如isConstant(someConst)),因为我将传递给该函数的任何参数都将是一个新变量。所以有人知道如何创建isConstant()函数吗? 最佳答案

javascript - ES6 生成器 : transforming callbacks to iterators

我正在babel的帮助下试验ES6生成器,而且我很难理解如何(或者如果!)我可以有效地使用基于回调的异步函数来输出迭代器。假设我希望能够编写一个函数,该函数接受多个url,异步下载它们并在下载后立即返回它们。我希望能够编写如下内容:leturls=['http://www.google.com','http://www.stackoverflow.com'];for({url,data}ofdownloadUrls(urls)){console.log("Contentofurl",url,"is");console.log(data);}如何实现downloadUrls?理想情况下,

javascript - 混合 $q 和 ES6 promise 时测试 Angular

我遇到一个问题,我的代码混合了ES6Promises和AngularPromises,并且它在生产中工作,因为我无法编写通过的单元测试。此代码片段演示了Jasmine单元测试失败的两个实例,但代码在生产中运行良好://Anangular$qpromisevarf1=function(){return$q(function(resolve,reject){resolve('Thisisfunction1!');});}//AnES6promisevarf2=function(){returnnewPromise(function(resolve,reject){resolve('This