Questions tagged «javascript»

我正在尝试React-Router（v4），但从Nav开始让Linkbe之一出现问题active。如果我单击任何Link标签，则活动的东西开始工作。但是，我希望HomeLink能够在应用启动后立即启动，因为那是在/路线上加载的组件。有什么办法吗？ 这是我当前的代码： const Router = () => ( <BrowserRouter> <div> <Nav> <Link activeClassName='is-active' to='/'>Home</Link> {/* I want this to start off as active */} <Link activeClassName='is-active' to='/about'>About</Link> </Nav> <Match pattern='/' exactly component={Home} /> <Match pattern='/about' exactly component={About} /> <Miss component={NoMatch} /> </div> </BrowserRouter> )

85 javascript  reactjs  ecmascript-6  react-router 

我正在研究中等复杂性的一种前端应用程序。目前，它是用纯JavaScript编写的，它具有许多不同的基于事件的消息，这些消息连接了该应用程序的几个主要部分。 我们决定需要在进一步重构的范围内为此应用程序实现某种状态容器。以前，我在redux和ngrx存储方面有一些经验（实际上遵循相同的原理）。 Redux是我们的一种选择，但是其中一位开发人员建议使用基于状态机的库，尤其是xstate库。 我从未使用过xstate，因此我发现它很有趣，并开始阅读文档并查看不同的示例。看起来很有前途且功能强大，但在某些时候我了解到它与redux之间没有任何明显的区别。 我花了几个小时试图找到答案，或者比较xstate和redux的任何其他信息。我没有找到任何明确的信息，除了像一些文章“从终极版获得一个状态机”，或链接库集中于使用终极版和XSTATE在一起（很奇怪）。 如果有人可以描述差异或告诉我开发人员何时应该选择xstate，欢迎您。

85 javascript  redux  state-machine  xstate 

我想知道如何切换React组件的布尔状态。例如： 我在组件的构造函数中进行了布尔状态检查： constructor(props, context) { super(props, context); this.state = { check: false }; }; 我试图每次使用this.setState方法切换复选框时的状态： <label><input type=checkbox" value="check" onChange = {(e) => this.setState({check: !check.value})}/> Checkbox </label> 当然，我得到了Uncaught ReferenceError：未定义检查。那么我该如何实现呢？ 提前谢谢了。

85 javascript  reactjs  reactjs-flux 

我有一个像下面这样的数组： var sphValues = [1, 2, 3, 4, 5]; 那么我需要像下面这样转换上面的数组： var sphValues = ['1', '2', '3', '4', '5']; 如何转换？我用它来自动完成。

85 javascript  arrays 

我在使用React Router时遇到了一些麻烦（我使用的是version ^ 4.0.0）。 这是我的index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js就是任何东西。我在这里发布基本的，因为这不是问题（我相信） import React, { Component } from 'react'; import logo from …

85 javascript  json  reactjs  react-router 

我正在从https://scotch.io/tutorials/authenticate-a-node-js-api-with-json-web-tokens进行node.js服务器设置。我是node.js的新手。我正在安装npm install nodemon --save。但是当我用这个运行服务器时nodemon server.js。 在终端显示： 无法将nodemon识别为内部或外部命令，可操作程序或批处理文件 node server.js命令正在运行并启动了服务器，但是nodemon命令不起作用。 我从https://scotch.io/tutorials/authenticate-a-node-js-api-with-json-web-tokens视频设置了节点js服务器。 我不知道为什么它不起作用，我已经尝试了一些命令来安装节点。 npm install -g nodemon npm install -g nodemon --save npm install --save-dev nodemon npm install -g nodemon@debug npm install -g --force nodemon 我已经看到一个无法全局安装nodemon的链接，无法识别“ nodemon”，但是由于我在D盘中的项目位置，我不知道如何设置路径。 我要跑步nodemon server.js。如果有人有想法，请分享。提前致谢。

85 javascript  node.js  frontend  nodemon 

我在mapModule哪里导入组件并导出它们： import ComponentName from '../components/ComponentName'; export default { name: ComponentName, }; 我如何测试它mapModule具有正确的导出键，值并且它们不是null或未定义？

85 javascript  unit-testing  jestjs 

Jasmine具有内置的MatcherstoBe和toEqual。如果我有这样的对象： function Money(amount, currency){ this.amount = amount; this.currency = currency; this.sum = function (money){ return new Money(200, "USD"); } } 并尝试与new Money(200, "USD")和的结果进行比较，这些内置匹配器将无法按预期工作。我已经设法实现了基于自定义equals方法和自定义匹配器的变通方法，但这似乎需要很多工作。 在Jasmine中比较对象的标准方法是什么？

85 javascript  bdd  jasmine  object-comparison 

我想将一个下拉列表（选择）设置为基于条目的值进行更改。 我有 <select id="mySelect"> <option value="ps">Please Select</option> <option value="ab">Fred</option> <option value="fg">George</option> <option value="ac">Dave</option> </select> 而且我知道我想更改下拉菜单，以便选择值为“ fg”的选项。如何使用JQuery做到这一点？

85 javascript  jquery  select  jquery-selectors 

var Gallery = Backbone.Controller.extend({ _index: null, _photos: null, _album :null, _subalbums:null, _subphotos:null, _data:null, _photosview:null, _currentsub:null, routes: { "": "index", "subalbum/:id": "subindex", "subalbum/:id/" : "directphoto", "subalbum/:id/:num" : "hashphoto" }, initialize: function(options) { var ws = this; if (this._index === null){ $.ajax({ url: 'data/album1.json', dataType: 'json', data: {}, success: function(data) { ws._data …

85 javascript  oop  backbone.js 

在Babel 5.x中，我可以编写以下代码： app.js export default function (){} index.js require('babel/register'); require('./app')(); 然后，我可以node index.js没有错误地运行。但是，使用Babel 6.x，运行以下代码 index.es6.js require('babel-core/register'); require('./app')(); 导致错误 require（...）不是函数 我想知道为什么吗？

85 javascript  ecmascript-6  babeljs 

我是ES6（ECMAScript 6）的新手，我想在浏览器中使用其模块系统。我阅读了Firefox和Chrome支持的ES6，但是使用时出现以下错误export Uncaught SyntaxError: Unexpected token import 我有一个test.html文件 <html> <script src="test.js"></script> <body> </body> </html> 和一个test.js文件 'use strict'; class Test { static hello() { console.log("hello world"); } } export Test; 为什么？

85 javascript  html  ecmascript-6  module  es6-modules 

有条件的 是否可以像下面这样有条​​件的导入语句？ if (foo === bar) { import Baz from './Baz'; } 我已经尝试了上面的方法，但是在编译时遇到了以下错误（来自Babel）。 'import' and 'export' may only appear at the top level 动态 是否可以具有如下所示的动态导入语句？ for (let foo in bar) { if (bar.hasOwnProperty(foo)) { import Baz from `./${foo}`; } } 上面在编译时从Babel收到了相同的错误。 这可能可行吗，或者我缺少什么？ 推理 我尝试执行此操作的原因是，许多“页面”都有大量导入，并且它们遵循类似的模式。我想通过使用动态for循环导入这些文件来清理代码库。 如果这不可能，那么是否有更好的方法来处理ES6中的大量导入？

85 javascript  ecmascript-6 

我在玩<canvas>元素，画线等。 我注意到我的对角线是抗锯齿的。我希望自己的工作看上去比较粗糙-有什么办法可以关闭此功能？

85 javascript  html  canvas  antialiasing 

当我点击的浏览按钮时，我想将浏览器限制为JPG文件<input type="file">。 是否可以浏览特定的文件类型？

85 javascript  html