草庐IT

安装es-header插件

全部标签

JavaScript ES6 : Grouping methods in es6 classes?

我们中的一些人正在尝试创建一个JavaScript库以在RESTfulAPI上快速运行JSON查询。我想做的是根据它们的目的对一组方法进行分组。例如;通过API,我能够获取用户属性。我不想将所有这些方法都放在主对象下,而是将它们分组在API类对象中。即转换这个:myAPI.getUserById()为此:myAPI.User.getByID()myAPI.User.getByName()我们将使用下面的代码作为一个简单示例。我如何将我的用户方法嵌套在myAPI类的用户对象中??classmyAPI{constructor(url){this.url=url;//Codetoconnec

javascript - es6-module 默认导出导入为未定义

我不确定我在这里遗漏了什么。我正在使用jspm和es6-module-loader开发一个项目。我有一个定义如下的模块:importhooksfrom'./hooks';importapifrom'./api';importtoolsfrom'./tools';constStencilUtils={hooks:hooks,api:api,tools:tools,};export{hooks,api,tools};exportdefaultStencilUtils;/*globaldefine*/(function(root){if(typeofdefine==='function'&&

javascript - 扩展 native 类型的 ES6 类使 instanceof 在某些 JavaScript 引擎中表现异常?

考虑以下ES6类:'usestrict';classDummy{}classExtendDummyextendsDummy{constructor(...args){super(...args)}}classExtendStringextendsString{constructor(...args){super(...args)}}consted=newExtendDummy('dummy');constes=newExtendString('string');console.log(edinstanceofExtendDummy);console.log(esinstanceofEx

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC

没有插件的 Javascript 输入文本屏蔽

我想在不改变实际值的情况下屏蔽输入框中的文本。我不能使用任何插件。我目前正在这样做-但如您所见,问题是实际值在提交时发生了变化。我怎样才能改变显示值?$("input[name='number']").focusout(function(){varnumber=this.value.replace(/(\d{2})(\d{3})(\d{2})/,"$1-$2-$3");this.value=number;} 最佳答案 你需要两个输入两个输入应该可以完成工作。一个输入将包含屏蔽文本,另一个将是包含真实数据的隐藏输入。我处理屏蔽的方法是

javascript - Rollup.js 如何在不做任何更改的情况下导入 js 文件(不是 es6 模块)(myvar$extrastring)

首先,我明白为什么rollup.js需要在某些变量的末尾附加额外的字符串以避免冲突但是......我不明白如何“连接/导入”一个不是amd/commonjs/es6的简单javascript文件,而是简单的显示模块!我有以下文件结构:foo.jsvarFoo=(function(){varsomeMethod=function(){};return{someMethod:someMethod};})();bar.js(function(module){module.bar="bar";})(Foo);主要.jsimport"foo.js"import"bar.js"构建后,我得到:构建

javascript - "..."在 Javascript (ES6) 中意味着什么?

这个问题在这里已经有了答案:JavascriptPropertywiththreedots(...)(5个答案)关闭5年前。我正在学习Redux、React和ES6。我已经用JS开发了,但是ES6的这个新世界让我感到惊讶,它有很多新东西,比如“=>”来声明箭头函数等等。然而,在这个新的Redux研究中,我在代码中间遇到了...。下面我举个例子:import{combineReducers,createStore}from'redux'constuserReducer=(state={},action)=>{switch(action.type){case'CHANGE_NAME':st

javascript - 安装vuejs后在数据对象中设置地理位置

我对VueJS场景还比较陌生。最近我正在尝试进行我的副项目,该项目需要在安装主要组件后立即获取用户的地理位置数据。我的代码在这里,varapp=newVue({el:'#app',data:{position:null},mounted:function(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(function(position){this.position=position.coords;})}}});我想在安装后将数据对象中的position设置为当前地理位置,但不幸的是它不起作用。有

JavaScript ES6 - promise 解决和事件之间可能存在竞争条件?

是否可以在promise解析和promise等待返回之间执行用户代码?functiona(){returnnewPromise(resolve=>{setTimeout(()=>{//Betweenhere...resolve()},1000))}}asyncfunctionb(){awaita()//...andhere?}规范是否强制立即调用Promise回调?我想知道2点之间的虚拟机是否可以处理一个事件,这可能会导致副作用。 最佳答案 不,它不强制立即调用。Thespec在解决一个promise时会经历许多步骤,其中之一是:P

javascript - 在 Javascript ES6 的子类中扩展父类方法

我想在父类中扩展子类的特定方法的功能。我还在习惯ES6中的OOP,所以我不确定这是否可行或违反规则。我正在寻找这样的东西:classParent{constructor(elem){this.elem=elem;elem.addEventListener((e)=>{this.doSomething(e);});}doSomething(e){console.log('doingsomething',e);}}classChildextendsParent{constructor(elem){//setsupthis.elem,eventlistener,andinitialdefin