草庐IT

es多字段分组

全部标签

将对象设置为 null 时的 JavaScript(ES6) WeakMap 垃圾回收

我刚刚读到WeakMaps通过专门使用对象作为键来利用垃圾收集,并且将对象分配给null等同于删除它:letplanet1={name:'Coruscant',city:'GalacticCity'};letplanet2={name:'Tatooine',city:'MosEisley'};letplanet3={name:'Kashyyyk',city:'Rwookrrorro'};constlore=newWeakMap();lore.set(planet1,true);lore.set(planet2,true);lore.set(planet3,true);console.l

javascript - 填写完所有先前的字段后,添加新的输入字段

这是我当前的HTML和CSS代码:1.2.3.​#border#info-box#info#boxinput[type="text"]{float:left;margin-top:10px;margin-bottom:10px;height:25px;width:650px;outline:none;}#border#info-box#info#boxinput[type="submit"]{margin-left:500px;margin-top:10px;margin-bottom:10px;height:35px;color:#fff;font-size:20px;border:

javascript - 当不同文件中存在测试时,如何在 jasmine 中对测试套件进行分组?

根据文档,我们可以有测试套件的组-子组,但它们只存在于一个文件中,如下所示describe('MainGroup-Module1',function(){beforeEach(function(){module('app');});describe('subgroup-1',function(){//Subgroup//specsgoeshere});describe('subgroup-2',function(){//Subgroup//specsgoeshere});});如果我想将subgroup-1和subgroup-2保存在两个不同的文件中,我如何将这两个子组分组到MainG

javascript - 在 ES6 + babel 中使用 bluebird promise 导入类(构造函数)

假设我创建了一个node.js库lib.jsexportclassC{constructor(value,callback){callback(false,`Hello${value}`);}task(value,callback){callback(false,"returned"+value);}}重要的部分是类的构造函数需要接受回调,因为它处理数据库连接和文件I/O。如果我现在导入并使用库回调样式,一切都很好(请参阅下面的c1)。我真的很想promise我使用它的库,使对象构造更方便(实际上它是一大堆类和方法)。但是,我找不到在promise-safe中正确地new类的方法。im

javascript - Chrome 中的 ES6 - Babel Sourcemaps 和 Arrow Functions 词法作用域

我在ES6class中有一个函数:classTest{//OmittedcodeforbrevityloadEvents(){$.get('/api/v1/events',(data)=>{this.actions.setEvents(data);});}}Babel将this转换为不同的形式,并生成一个_this变量来控制箭头函数的词法范围。var_this=this;$.get('/api/v1/events',function(data){_this.actions.setEvents(data);});当我在Chrome中使用源映射调试ES6类并在我调用this.actions

javascript - 使用 ES6 和 CSS3 淡入淡出

所以我有一个函数,我试图通过数组创建循环以使用JavaScript更新div的innerHTML。我希望在每次设置新数据之间将不透明度设置为0,然后设置为1,而不使用jQuery的fadeIn()和fadeOut()。这是我目前所拥有的。我认为我非常接近,但不确定我在做什么,这有点偏离。谢谢!slide(index,tweets,element){letself=this;element.innerHTML=data[index].text;element.style.opacity=1;setTimeout(()=>{index++;element.style.opacity=0;s

javascript - 使用 ES6 模块的 TypeScript 的最佳方法是什么?

我正在开始一个新的Web项目并尝试使用TypeScript,主要作为ES6转译器,但也有类型检查的额外好处,特别是对于现有的库,例如jQuery结合了DefinitelyTyped类型定义。从最新版本开始,TypeScript既支持自己的内部模块,也支持ES6模块,后者称为“外部”模块。因为ES6比TypeScript更标准,所以我打算使用ES6/外部模块而不是传统/内部TypeScript模块。我在多个文件/模块中定义了自己的代码,但我希望构建生成一个我可以从浏览器加载的.js文件。问题是,据我所知,TypeScript在使用自己的模块格式时只能生成单个输出文件。如果我尝试使用ES6

javascript - 如何在 Aurelia 中按过滤器进行分组

我正在寻找方法来做类似的事情JS$scope.players=[{name:'Gene',team:'alpha'},{name:'George',team:'beta'},{name:'Steve',team:'gamma'},{name:'Paula',team:'beta'},{name:'Scruath',team:'gamma'}];HTML:Groupname:${obj.group}player:${player.name}可以吗?或者以Aurelia方式执行此逻辑的更好方法是什么? 最佳答案 您可以使用ValueCo

javascript - 为什么不能在同一个js文件中建立两个cleave.js格式的字段?

我想使用cleave.js格式化电话和信用卡输入(在rails上)。如果我只声明一个newCleave对象,我的格式就可以正常工作,但如果我尝试声明两个,我会收到此错误:UncaughtError:[cleave.js]请检查元素这是JS文件的相关部分:varGlobal={};Global.onLoad=function(){Global.setupDatepickers();//unrelatedfunctionGlobal.setupCleavePhone();Global.setupCleaveCreditCard();};$(document).on('turbolinks:

javascript - 无法使用 ascii 46 `.`(句点)聚焦下一个输入字段

我有一个带有4个用于IPv4addy条目的文本框的表单,当用户按下句点ascii#46时,我希望焦点移动到下一个文本字段。以下JS/jQ(我基本上是从MoveCursortonexttextFieldpressingEnter中提取的)适用于enter(13)、esc甚至空格字符(32)的ascii代码:functionipfNext(){//alert('FUNCipfNext');$(document).ready(function(){$('#formContent.inputTextIpf').keydown(function(e){if(e.keyCode==46){$(':