Questions tagged «javascript»

我的代码在localhost上运行良好，但在站点上不运行。 我从控制台收到此行的错误.getImageData(x,y,1,1).data： Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 我的代码的一部分： jQuery.Event.prototype.rgb=function(){ var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY - $(this.target).offset().top); if (this.target.nodeName!=="CANVAS")return null; return this.target.getContext('2d').getImageData(x,y,1,1).data; } 注意：我的图片网址（src）来自子域网址

131 javascript  html  html5-canvas 

我正在编写一个脚本，该脚本根据下拉列表的高度和输入在屏幕上的位置将下拉列表移动到输入下方或上方。我也想将修改器设置为根据其方向下拉。但是setState在内部使用componentDidUpdate会产生无限循环（这很明显） 我已经找到了使用getDOMNode和直接将classname设置为下拉列表的解决方案，但是我觉得应该使用React工具有更好的解决方案。有谁能够帮我？ 这是工作代码的一部分getDOMNode（略微忽略了定位逻辑，以简化代码） let SearchDropdown = React.createClass({ componentDidUpdate(params) { let el = this.getDOMNode(); el.classList.remove('dropDown-top'); if(needToMoveOnTop(el)) { el.top = newTopValue; el.right = newRightValue; el.classList.add('dropDown-top'); } }, render() { let dataFeed = this.props.dataFeed; return ( <DropDown > {dataFeed.map((data, i) => { return (<DropDownRow key={response.symbol} data={data}/>); })} </DropDown> ); } }); 这是带有setstate的代码（它创建一个无限循环） let …

131 javascript  reactjs  ecmascript-6 

是否有一种方法可以在基于Jasmine的Javascript Jest测试框架中进行代码覆盖？ 内部框架不会打印出获得的代码覆盖范围。我也尝试使用Istanbul，毯子和JSCover，但是它们都不起作用。

131 javascript  jestjs 

我是ReactJS和React-Router的新手。我有一个组件，通过props <Link/>从react-router接收一个对象。每当用户单击该组件内部的“下一步”按钮时，我都想<Link/>手动调用对象。 现在，我正在使用refs访问支持实例，并手动单击<Link/>生成的'a'标记。 问题：有没有办法手动调用链接（例如this.props.next.go）？ 这是我目前的代码： //in MasterPage.js var sampleLink = <Link to="/sample">Go To Sample</Link> <Document next={sampleLink} /> //in Document.js ... var Document = React.createClass({ _onClickNext: function() { var next = this.refs.next.getDOMNode(); next.querySelectorAll('a').item(0).click(); //this sounds like hack to me }, render: function() { return ( ... <div ref="next">{this.props.next} <img src="rightArrow.png" onClick={this._onClickNext}/></div> …

131 javascript  reactjs  react-router 

有没有什么办法map/ reduce/ filter的/ etc Set中的JavaScript或者我会写我自己？ 这是一些明智的Set.prototype扩展 Set.prototype.map = function map(f) { var newSet = new Set(); for (var v of this.values()) newSet.add(f(v)); return newSet; }; Set.prototype.reduce = function(f,initial) { var result = initial; for (var v of this) result = f(result, v); return result; }; Set.prototype.filter = function filter(f) { …

131 javascript  set  ecmascript-6  reduce 

我正在尝试获取具有class = 4的子跨度。这是一个示例元素： <div id="test"> <span class="one"></span> <span class="two"></span> <span class="three"></span> <span class="four"></span> </div> 我可以使用的工具是JS和YUI2。我可以做这样的事情： doc = document.getElementById('test'); notes = doc.getElementsByClassName('four'); //or doc = YAHOO.util.Dom.get('#test'); notes = doc.getElementsByClassName('four'); 这些在IE中不起作用。我收到一个错误，指出对象（doc）不支持此方法或属性（getElementsByClassName）。我已经尝试了一些getElementsByClassName跨浏览器实现的示例，但是我无法使它们正常工作，但仍然出现该错误。 我认为我需要的是跨浏览器getElementsByClassName，或者我需要使用doc.getElementsByTagName（'span'）并循环遍历，直到找到第4类为止。不过我不确定该怎么做。

131 javascript  yui 

我一直使用Jasmine进行单元测试，但是最近我开始使用Istanbul给我代码覆盖率报告。我的意思是我得到的要点是什么，他们是想告诉我，但我真的不知道这些百分比代表（撑条，树枝，funcs中，线）。到目前为止，谷歌搜索我一直找不到可靠的解释/资源。 问题：就像我说的那样，它的要旨是什么，但是有人可以发布正确的解释或指向正确解释的链接吗？ 第三级问题：有什么方法可以确定代码的哪些特定部分未被涵盖？到目前为止，我基本上没有猜测这个报告。 -------------------|-----------|-----------|-----------|-----------| File | % Stmts |% Branches | % Funcs | % Lines | -------------------|-----------|-----------|-----------|-----------| controllers/ | 88.1 | 77.78 | 78.57 | 88.1 | dashboard.js | 88.1 | 77.78 | 78.57 | 88.1 | -------------------|-----------|-----------|-----------|-----------| All files | 88.1 | 77.78 | 78.57 | 88.1 | …

131 javascript  testing  jasmine  code-coverage  istanbul 

我正在使用最新版本的react-router模块，名为react-router-dom，该模块已成为使用React开发Web应用程序时的默认模块。我想知道在POST请求后如何进行重定向。我一直在编写此代码，但是在请求之后，什么都没有发生。我在网上查看过，但是所有数据都是关于React Router的先前版本的，而关于最后一个更新的则不是。 码： import React, { PropTypes } from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import { Redirect } from 'react-router' import SignUpForm from '../../register/components/SignUpForm'; import styles from './PagesStyles.css'; import axios from 'axios'; import Footer from '../../shared/components/Footer'; class SignUpPage extends React.Component { constructor(props) { super(props); …

131 javascript  reactjs  react-router 

我有一个非常简单的angular js应用程序的三个文件 index.html <!DOCTYPE html> <html ng-app="gemStore"> <head> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script> <script type="text/javascript" src="app.js"></script> </head> <body ng-controller="StoreController as store"> <div class="list-group-item" ng-repeat="product in store.products"> <h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3> </div> <product-color></product-color> </body> </html> product-color.html <div class="list-group-item"> <h3>Hello <em class="pull-right">Brother</em></h3> </div> app.js (function() { var app = angular.module('gemStore', []); app.controller('StoreController', function($http){ this.products …

130 javascript  html  angularjs  xmlhttprequest 

我有一个固定高度的div， overflow:hidden; 我想用jQuery检查div是否具有超出div固定高度的元素。我怎样才能做到这一点？

130 javascript  jquery  html 

我最近开始学习ExtJS，并且在理解如何处理事件方面遇到困难。我没有任何以前的ExtJS版本的经验。 通过阅读各种手册，指南和文档页面，我已经弄清楚了如何使用它，但是我不清楚它是如何工作的。我已经找到了一些针对旧版ExtJS的教程，但不确定它们在ExtJS 4中的适用性。 我正在专门研究诸如此类的“最后一句话” 事件处理函数传递什么参数？是否有始终通过的一组标准args？ 如何为我们编写的自定义组件定义自定义事件？我们如何触发这些自定义事件？ 返回值（true / false）是否会影响事件起泡？如果不是，我们如何从事件处理程序内部或外部控制事件冒泡？ 有没有注册事件侦听器的标准方法？（到目前为止，我已经遇到了两种不同的方式，而且我不确定为什么要使用每种方法）。 例如，这个问题使我相信事件处理程序可以接收很多参数。我看过其他教程，其中处理程序只有两个参数。有什么变化？

130 javascript  extjs  event-handling  extjs4 

我有一个使用yeoman，grunt和bower创建的AngularJS应用程序。 我有一个登录页面，该页面具有用于检查身份验证的控制器。如果凭据正确，我将重新路由到主页。 app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { templateUrl: 'forgotpassword.html', controller: 'forgotController' }) .when('/home', { templateUrl: 'views/home.html', controller: 'homeController' }) .otherwise({ redirectTo: '/login' }); // $locationProvider.html5Mode(true); //Remove …

130 javascript  ruby-on-rails  angularjs  angularjs-authentication 

我正在尝试将页面添加到我的列表中。我遵循了有关智能手机的AngularJS教程，我试图仅显示一定数量的对象。这是我的html文件： <div class='container-fluid'> <div class='row-fluid'> <div class='span2'> Search: <input ng-model='searchBar'> Sort by: <select ng-model='orderProp'> <option value='name'>Alphabetical</option> <option value='age'>Newest</option> </select> You selected the phones to be ordered by: {{orderProp}} </div> <div class='span10'> <select ng-model='limit'> <option value='5'>Show 5 per page</option> <option value='10'>Show 10 per page</option> <option value='15'>Show 15 per page</option> <option value='20'>Show …

130 javascript  angularjs  paginate 

如何使用node.js中的C ++库？

130 javascript  c++  node.js  binding 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 3年前关闭。 改善这个问题 是否有一个（或多个）node.js编码样式指南？如果没有，那么顶级开源节点项目将使用哪些新兴样​​式？ 我正在按照PEP 8（Python的标准编码样式指南）的要求寻找指南（或数本指南）。我看过很多不值得在这里链接的JavaScript指南（大多是旧的，并且针对客户端JavaScript）。我找到了一个有趣的node.js 样式指南。 编码样式指南或编码约定应包括（但不限于）： 代码布局：缩进（2个空格，4个空格，制表符等），换行符，换行符等。 空格，例如“ function（arg）”与“ function（arg）” 分号或无分号，var声明，... 命名，例如do_this（）与doThis（），var_name与varName，... node.js和JavaScript惯用语，例如== vs. ===，回调的第一个arg是错误对象，... 意见和文件 附带的工具，例如棉绒检查器，单元测试框架，... 这个话题显然是高度主观的，但是我认为这是社区发展成熟过程中建立通用且被广泛接受的编码风格的重要一步。另外，它不仅仅与味道有关。特别是，诸如“使用===而非==“之类的规则对代码质量有直接影响。

130 javascript  coding-style  node.js