Tag: JavaScript

调整图像与JavaScript的canvas（顺利）: 我试图用canvas调整一些图像的大小，但是我对如何平滑它们毫无头绪。在Photoshop，浏览器等。有一些algorithm，他们使用（如双三次，双线性），但我不知道这些是否内置到canvas或不。这是我的小提琴： http : //jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); 第一个是正常大小的图像标签，第二个是canvas。注意canvas如何不平滑。我怎样才能达到“平稳”？

如何取消订阅socket.io订阅？: 假设有一些对象订阅套接字服务器，如下所示： socket.on('news', obj.socketEvent) 这些对象的寿命很短，而且经常创build，产生了很多订阅。这看起来像是一个内存泄漏和一个容易出错的情况，这种情况会直接被阻止： socket.off('news', obj.socketEvent) 在删除对象之前，可惜的是，socket中没有off方法。还有另外一种方法吗？编辑：找不到答案我分配一个空白方法来覆盖原始事件处理程序的包装方法，下面的例子。 var _blank = function(){}; var cbProxy = function(){ obj.socketEvent.apply(obj, arguments) }; var cbProxyProxy = function(){ cbProxy.apply ({}, arguments) } socket.on('news', cbProxyProxy); // …and to unsubscribe cbProxy = _blank;

Javascript“不是构造函数”exception，同时创build对象: 我正在定义一个像这样的对象： function Project(Attributes, ProjectWidth, ProjectHeight) { this.ProjectHeight = ProjectHeight; this.ProjectWidth = ProjectWidth; this.ProjectScale = this.GetProjectScale(); this.Attributes = Attributes; this.currentLayout = ''; this.CreateLayoutArray = function() {….} } 然后我尝试创build和实例如下所示： var newProj = new Project(a,b,c); 但是这个执行被抛出： Project is not a constructor 什么可能是错的？我search了很多，但仍然无法弄清楚我做错了什么。

如何从iFrame中重新加载主页面: 在我的scheme中，我的页面的iframe部分中有一个button，用于执行一些数据库处理。当我按下iframe中的这个button时，我基本上需要的是执行主页面的页面刷新。将欣赏的JavaScript，我可以在iframe中触发，这将重新载入持有iframe的主窗口。谢谢。托尼。

我怎样才能等待一个条件？: 我是量angular器新手，我试图实施e2etesting。我不知道这是否是正确的方式来做到这一点，但是…我想testing的页面不是一个完整的angular度页面，所以…我有一些麻烦。在我的第一个规范中，我有： describe('should open contact page', function() { var ptor = protractor.getInstance(); beforeEach(function(){ var Login = require('./util/Login'); new Login(ptor); }); 我已经创build了这个Login类，但login后我想打开联系页面，但量angular器立即尝试在页面完全加载之前find元素。我试过使用： browser.driver.wait(function() { expect(browser.findElement(by.xpath("//a[@href='#/contacts']")).isDisplayed()); ptor.findElement(by.xpath("//a[@href='#/contacts']")).click(); }); 但它不工作…它总是试图find页面加载之前的元素。我也试过这个： browser.driver.wait(function() { expect(ptor.isElementPresent(by.xpath("//a[@href='#/contacts']"))); ptor.findElement(by.xpath("//a[@href='#/contacts']")).click(); }); 我能够做到这一点使用browser.sleep(); 但我不认为这是一个好的select。任何想法？在我的login类中，我有： ptor.ignoreSynchronization = true; 在量angular器尝试点击它之前，如何等待这个@ @href='#/contacts ？

如何提高Jquery自动完成的性能: 我打算使用jQuery自动完成的网站，并已经实施了testing版本。我现在使用ajax调用为每个字符input检索一个新的string列表。问题是，在新的列表填充之前，它变得相当慢，1.5s。什么是最快的方式来使自动完成？我使用cakephp，只是做一个发现和10个项目的限制。

在CSS或JavaScript中反转图像的颜色: 如果可能的话，如何在CSS中反转图像的颜色（jpg / png ..）？以前的相关问题没有给出足够的细节。

如何使用空格将string拆分，并使用正则expression式将前导空格和尾部空格忽略为单词数组？: 我通常在JavaScript中使用下面的代码来分割一个string的空白。 "The quick brown fox jumps over the lazy dog.".split(/\s+/); // ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog."] 当然，即使在单词之间有多个空白字符时也是如此。 "The quick brown fox jumps over the lazy dog.".split(/\s+/); // ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog."] 问题是当我有一个string有前导或尾随空白，在这种情况下，结果数组的string将包括一个空的字符在数组的开始和/或结束。 " The quick brown fox jumps over the lazy dog. ".split(/\s+/); // ["", "The", […]

将对象存储在React组件的状态中？: 是否有可能存储一个对象在React组件的状态？如果是，那么我们如何使用setState来更改该对象中某个键的值？我认为它在语法上不允许写this.setState({ abc.xyz: 'new value' }); 在类似的路线上，我还有一个问题：在React组件中有一组variables是否可以在组件的任何方法中使用，而不是将它们存储在一个状态中？您可以创build一个简单的对象来保存所有这些variables，并将其置于组件级别，就像您将如何在组件上声明任何方法一样。它很可能会遇到在代码中包含大量业务逻辑的情况，并且需要使用许多variables（其值通过多种方法更改），然后根据这些值更改组件的状态。因此，不要将所有这些variables保持在状态中，而只需保留那些值直接反映在UI中的variables。如果这种方法比我在这里写的第一个问题好，那么我不需要在状态中存储一个对象。

删除URL开头的string: 我想从URLstring的开始处移除“ www. ”部分例如在这些testing案例中：例如www.test.com → test.com 如www.testwww.com → testwww.com 如testwww.com → testwww.com （如果不存在）我需要使用正则expression式还是有一个智能function？