Tag: JavaScript

如何使用jQuery或JavaScript模拟点击button的动作?

我需要使用JavaScript来模拟点击button的动作。 我如何实现它? 我可以用jQuery来实现吗?

JavaScript中&和&&有什么区别?

JavaScript中&和&&有什么区别? 例如,代码: var first = 123; var second = false; var third = 456; var fourth = "abc"; var fifth = true; alert(first & second); // 0 alert(first & third); // 72 alert(first & fourth); // 0 alert(first & fifth); // 1 alert(first && second); // false alert(first && third); // 456 alert(first && fourth); […]

如何在浏览器中通过Javascript压缩图像?

TL; DR; 有没有办法在上传之前直接在浏览器端压缩图片(主要是jpeg,png和gif)? 我很确定JavaScript可以做到这一点,但我找不到一个方法来实现它。 以下是我想要实现的完整场景: 用户去我的网站,并通过input type="file"元素select一个图像, 这个图像通过JavaScript检索,我们做一些validation,如正确的文件格式,最大的文件大小等, 如果一切正常,则在页面上显示图像的预览, 用户可以做一些基本的操作,比如将图像旋转90°/ -90°,按照预先设定的比例裁剪等等,或者用户可以上传其他图像并返回到步骤1, 当用户满意时,编辑的图像然后在本地被压缩和“保存”(不保存到文件,而是保存在浏览器存储器/页面中) 用户用姓名,年龄等数据填写表格, 用户点击“完成”button,然后将包含数据+压缩图像的表单发送到服务器(不含AJAX), 到最后一步的全过程应该在客户端完成,并且应该在最新的Chrome和Firefox,Safari 5+和IE 8+上兼容。 如果可能的话,只能使用JavaScript(但我敢肯定,这是不可能的)。 我现在还没有编写任何代码,但我已经考虑过了。 通过File API可以在本地读取文件 ,可以使用Canvas元素进行图像预览和编辑,但是我找不到图像压缩部分的方法 。 根据html5please.com和caniuse.com ,支持这些浏览器是非常困难的(感谢IE),但可以使用像FlashCanvas和FileReader这样的polyfill来完成。 其实,目标是减less文件大小,所以我把图像压缩视为一个解决scheme。 但是,我知道上传的图像将在我的网站上显示,每次都在同一个地方,我知道这个显示区域的尺寸(例如200×400)。 所以,我可以调整图像大小来适应这些尺寸,从而减小文件大小。 我不知道这种技术的压缩比率是多less。 你怎么看 ? 你有什么build议可以告诉我吗? 你知道任何方式来压缩JavaScript的图像浏览器端? 感谢您的回复。

UI路由器与$ httpbackendunit testing,angular度js干涉

这是一个提交function的控制器: $scope.submit = function(){ $http.post('/api/project', $scope.project) .success(function(data, status){ $modalInstance.dismiss(true); }) .error(function(data){ console.log(data); }) } } 这是我的testing it('should make a post to /api/project on submit and close the modal on success', function() { scope.submit(); $httpBackend.expectPOST('/api/project').respond(200, 'test'); $httpBackend.flush(); expect(modalInstance.dismiss).toHaveBeenCalledWith(true); }); 我得到的错误是: Error: Unexpected request: GET views/appBar.html views / appBar.html是我的templateUrl: .state('project', { url: '/', templateUrl:'views/appBar.html', controller: 'ProjectsCtrl' }) […]

js:访问父类的范围

我有一个正常的类在JavaScript中的jQuery类。 是否有可能通过jquery类中的callback函数访问父类范围内的variables? 我的意思的简单例子如下所示 var simpleClass = function () { this.status = "pending"; this.target = jqueryObject; this.updateStatus = function() { this.target.fadeOut("fast",function () { this.status = "complete"; //this needs to update the parent class }); }; }; 现在在上面的例子中,callback函数试图访问jquery对象的作用域。 有没有办法在父类中访问状态variables?

如何在javascript中计算一个string的行数

我想要计算一个string中的行数 我试图用这个stackoverflow的答案: lines = str.split("\r\n|\r|\n"); return lines.length; 在这个string(最初是一个缓冲区): GET / HTTP/1.1 Host: localhost:8888 Connection: keep-alive Cache-Control: max-age=0 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/535.2 (KHTML,like Gecko) Chrome/15.0.874.121 Safari/535.2 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8 Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3 出于某种原因,我得到了线='1'。 任何想法如何使其工作?

Javascript – 重置setInterval回到0

如何将setInterval定时器重置为0? var myTimer = setInterval(function() { console.log('idle'); }, 4000); 我试过clearInterval(myTimer),但是完全停止了间隔。 我希望它从0重新开始。

如何将parameter passing给Mongo脚本

我一直在使用这样的mongo和脚本文件: $ mongo getSimilar.js 我想传递一个参数给文件: $ mongo getSimilar.js apples 然后在脚本文件中find传入的参数。 var arg = $1; print(arg);

如何使所有浏览器都支持<input type =“date”>? 任何替代品?

我正在使用HTML5元素input属性,只有Google Chrome支持date和时间属性。 我尝试了Modernizr,但我不明白如何将其集成到我的网站(如何编码/语法/包括)。 有关如何使用date,时间属性到所有浏览器的任何代码片段。

在Ace Cloud 9编辑器中自动调整高度

我试图将Ace编辑器添加到页面,但是我不知道如何根据其内容的长度自动设置高度。 理想情况下,它会工作,所以当内容改变的高度重新计算,但我会很高兴刚刚在页面加载设置的高度。 对于JavaScript新手,有人可以帮我弄清楚我是如何处理代码的长度,跨越多less行,新的高度是多less,以及如何更新DOM来反映这一点? 我在Google小组中发现了这个build议 ,但是我不太了解它在做什么以及如何调整高度。 editor.getSession().getDocument().getLength() * editor.renderer.lineHeight + editor.renderer.scrollBar.getWidth()