草庐IT

new-style-class

全部标签

javascript - Node.js 事件发射器 : How to bind a class context to the event listener and then remove this listener

有没有办法在事件监听器方法中访问类上下文并有可能删除监听器?示例1:import{EventEmitter}from"events";exportdefaultclassEventsExample1{privateemitter:EventEmitter;constructor(privatetext:string){this.emitter=newEventEmitter();this.emitter.addListener("test",this.handleTestEvent);this.emitter.emit("test");}publicdispose(){this.emi

javascript - "Class extends value #<Object> is not a constructor or null"

感谢阅读我的文章我的代码出现此错误:“Classextendsvalue#isnotaconstructorornull”这是我的代码,我正在尝试导出/导入类。怪物.js:constminiMonster=require("./minimonster.js");classmonster{constructor(options={name},health){this.options=options;this.health=100;this.heal=()=>{return(this.health+=10);};}}letbigMonster=newmonster("Godzilla");

javascript - angularjs ng-class 方法被多次调用

在这个例子中,我有2个ng-class,每个调用不同的Controller方法,由于某种原因每个方法被调用3次,知道吗?可能的错误?varnavList=angular.module('navList',[]);navList.controller('navCtrl',['$scope','$location',function($scope,$location){$scope.firstClass=function(){console.log('firstClass');return'labellabel-success';};$scope.secondClass=function(

javascript - 为什么 1 * new Date() 而不是 GA 片段中的 new Date().getTime()?

我正在插入GAsnippet在我的TypeScript代码中看到这个:i[r].l=1*newDate();TypeScript编译器提示newDate()必须是数字或任何,但不是日期。我把这个变成了这个:i[r]['l']=newDate().getTime();这导致相同的结果。如果优先考虑的是减小尺寸,那么我发现这更紧凑,结果相同:i[r]['l']=+newDate();我不知道为什么使用带有隐式转换的智能变体。是否有什么我不明白的隐藏内容,或者只是人们想要看起来更聪明?是为了缩短长度吗? 最佳答案 Isthereanyth

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

javascript - 删除 :active pseudo-class from an element

我希望能够告诉一个元素它不再是:active以便CSS规则不再适用。有没有办法在JavaScript中做到这一点? 最佳答案 可能的解决方案:1)使用类:JS:document.getElementById("element").classList.remove("hasactive");CSS:#element.hasactive:active{background:blue;}2)阻止默认的mousedown功能(事件状态):编辑:显然,这只适用于Firefox。JS:document.getElementById("eleme

Javascript 模块模式和 new 关键字

我了解了模块模式的基础知识以及它使用闭包来允许私有(private)成员,但我无法完全理解为什么下面的代码会执行它的操作:varCalculator=function(){varpriv=0;return{changePriv:function(){priv++;},printPriv:function(){console.log(priv);}}}varmyCalc=Calculator();myCalc.printPriv();myCalc.changePriv();myCalc.printPriv();varmyOtherCalc=Calculator();myCalc.prin

javascript - JavaScript 中的 "new Number(...)"和 "Number(...)"有什么区别?

在Javascript中,reliablewaystoconvertastringtoanumber之一是Number构造函数:varx=Number('09');//9,becauseitdefaultstodecimal灵感来自thisquestion,我开始想知道——上面和之间有什么区别:varx=newNumber('09');Number当然看起来更好,但它似乎对构造函数的使用有点不合适。在没有新的情况下使用它有任何副作用或有什么不同吗?如果没有区别,为什么不呢?new的目的是什么? 最佳答案 在第一种情况下,您使用的是N

javascript - 除了 First Class Functions 和 Lexical Scoping,JavaScript 与 Scheme 实现有什么共同之处?

我一直想知道为什么DouglasCrockford总是将JavaScript与Scheme进行比较。是的,JS的设计者打算成为Scheme;但是除了一流的函数支持和词法作用域(已损坏)之外,JS与Scheme有哪些共同点使其成为“披着C外衣的Lisp”? 最佳答案 我想到的另一件事是在整个语言和库中普遍使用单一无处不在的数据结构:conslists在Scheme的情况下,maps(在ECMAScript中称为对象。不仅ECMAScript具有一流的过程这一事实,而且这些过程是唯一的抽象机制。(或者更准确地说是封装机制。)

Javascript,CSS : Get element by style attribute

我愿意:找到页面中所有元素的样式属性(例如:所有具有color:#333;的元素)为所有这些更改此属性(例如从color:#333更改为color:#444)。您对此有什么建议吗? 最佳答案 我的建议是尽可能避免这样做。相反,使用一个类来分配颜色值,然后您可以使用该类而不是颜色值来查找元素。据我所知,没有选择器(甚至在CSS3中也没有)可用于查询特定样式值,这意味着遍历所有元素(或者它看起来像你可以将其限制为具有style属性的所有元素)并查看element.style.color属性。现在,问题是,即使您在style属性中编写了c