小编ios*_*eph的帖子

React JSX"Parse Error:Unexpected identifier"

目前正在尝试学习React JS/JSX并且一直在创建一个简单的登录表单:

/**
* @jsx React.DOM
*/

var loginForm = React.createClass({
    getInitialState: function() {
        return {loggedIn : false};
    },
    login : function(event) {
        alert('logging in');
    },
    logout : function(event) {
        alert('logging out');
    },
    render: function() {
        return (
            <div>
                <form /*action={this.server+'/login.php'}*/>
                    <label htmlFor="username">Username:</label>
                    <input type="text" id="username" name="username" />
                    <label htmlFor="password">Password:</label>
                    <input type="password" id="password" name="password" />
                </form>
            </div>
            <div>
                <button onClick={this.login}> Login </button>
                <button onClick={this.logout}> Logout </button>
            </div>
        )
    }



});

React.renderComponent(
  <loginForm />,
  document.body
);
Run Code Online (Sandbox Code Playgroud)

如果我删除<button>标签它工作正常但否则会抛出错误:

Uncaught Error: …

javascript reactjs react-jsx

6
推荐指数
1
解决办法
6694
查看次数

使更少的变量可从javascript访问?

我的文件颜色较少,其定义如下所示:

@black:                 #000;
@greyDarker:            #222;
...etc
Run Code Online (Sandbox Code Playgroud)

并希望能够从javascript中访问它们,例如:

$('body').style('color', 'window.colours.black') // or however I assign them
Run Code Online (Sandbox Code Playgroud)

会工作。

由于Less正在服务器端进行编译,因此通常的选项将不起作用。

我已经开始着手编写一个艰巨的任务,以根据这些较少的规则生成js文件,但这似乎是一种效率低下的方法。

关于可以帮助的更好方法或工具的任何建议

javascript less node.js gruntjs

6
推荐指数
1
解决办法
3242
查看次数

在不轮询更改的情况下对服务器端呈现进行反应

我正在尝试将现有的网络应用程序从淘汰赛转换为反应js.

应用程序建立了与服务器的websocket连接,并异步接收更新(可能有许多客户端可以影响彼此的状态,例如聊聊室).

我的问题是,如果我是渲染服务器端,那么如何将更改推送到每个客户端?我刚刚开始阅读服务器上的渲染,所以我可能会误解它是如何工作的,但我相信的方式:

客户端执行一个发送到服务器的动作,服务器用一个html片段响应,然后客户端将其替换为它的DOM

对于可以通过服务器或其他客户端更改状态的应用程序,我是否仍会被迫使用websockets/http轮询来显示这些更新?

服务器是否可以按下新片段呢?

javascript websocket reactjs react-jsx

5
推荐指数
1
解决办法
4423
查看次数

--skip-js-关于特定测试用例的错误

我正在测试功能,包括重定向到我无法控制的外部页面。此页面抛出错误,导致测试失败。

有没有一种方法可以只针对一个特定测试忽略js错误?(我希望网站上的错误导致测试失败)

javascript browser-automation testcafe

5
推荐指数
2
解决办法
289
查看次数

TestCafe-选择器/断言可以并行运行吗?

我试图对运行时间进行基准测试,但无法得出结论性的结果。

之间有什么区别:

await t.expect(Selector('something').visible).ok()
await t.expect(Selector('something1').visible).ok()
await t.expect(Selector('something2').visible).ok()
Run Code Online (Sandbox Code Playgroud)

Promise.all([
    t.expect(Selector('something1').visible).ok(),
    t.expect(Selector('something2').visible).ok(),
    t.expect(Selector('something3').visible).ok()
])
Run Code Online (Sandbox Code Playgroud)

似乎在每种情况下断言都是串行运行的。

注意:我要求查看是否可以加快对多个匹配但独立元素的操作和断言,我了解在大多数情况下我们希望测试同步运行。

javascript e2e-testing testcafe

5
推荐指数
1
解决办法
146
查看次数

具有参数的Knockout Computed Observable

是否可以提供计算的可观察额外参数?

例如,像这样:

var ViewModel = function(first, last) {
    this.firstName = ko.observable(first);
    this.lastName = ko.observable(last);
    var self = this;
    this.fullName = ko.computed(function(separator) {
       return self.firstName() + ' ' + self.lastName();
    }, this);
};
Run Code Online (Sandbox Code Playgroud)

然后在html中:

<div data-bind="text: fullName(' - ')"></div>
Run Code Online (Sandbox Code Playgroud)

我的实际用例要复杂得多,但这基本上就是我想要实现的,在html中传入一个值,用作计算函数的一部分.

如果失败了,有没有办法制作一个普通的函数,其参数的行为类似于(计算的)可观察的?

javascript knockout.js

4
推荐指数
1
解决办法
4881
查看次数

Javascript:异步构造函数模式

我正在定义一个实例化几个依赖于以前模块的模块的类.模块本身在准备好之前可能需要异步操作(即建立一个mysql连接),所以我为每个构造函数提供了一个在模块准备好后调用的回调.但是,当实例化立即准备好的类时,我遇到了一个问题:

var async = require('async');

var child = function(parent, cb) {
    var self = this;
    this.ready = false;

    this.isReady = function() {
        return self.ready;
    }

    /* This does not work, throws error below stating c1.isReady is undefined*/
    cb(null, true);

    /* This works */
    setTimeout(function() {      
        self.ready = true;
        cb(null, true);
    }, 0);
}


var Parent = function(cb) {
    var self = this;
    async.series([
        function(callback){
            self.c1 = new child(self, callback);                       
        },
        function(callback){
            self.c2 = new child(self, callback);   
        }
    ],
    function(err, results){ …
Run Code Online (Sandbox Code Playgroud)

javascript node.js async.js

3
推荐指数
1
解决办法
3042
查看次数

Twitter引导程序中的位置模态框3

我正试图将Twitter引导程序3模态显示固定在正文的右上角.

到目前为止,我已经尝试过:

  • 位置:固定; 右0px(左边和顶部工作,但右边没有影响)
  • translate:可以使用px值或%,但调整大小时位置不一样
  • 将左边距设置为百分比

有问题的CSS:

#confirm { 
  position: fixed !important;
  width: 120px !important;
  right: 10px !important;      
//margin-left: 80% !important;
//-webkit-transform: translate(600px, 0px);
}
Run Code Online (Sandbox Code Playgroud)

请看下面的小提琴:http: //jsfiddle.net/3kgbG/74/

html css css-position twitter-bootstrap twitter-bootstrap-3

2
推荐指数
1
解决办法
6842
查看次数

在每个元素上迭代运行异步任务的数组

我有一个项目列表,我想在每个项目上运行异步任务.

我想要同步,以便在前面的元素完成后处理每个元素.到目前为止我尝试过的是:

function processItems(items) {
    var i = 0;
    while(i < items.length) {
      asyncFunc(items[i], function() { i++ }); // asyncFunc takes a callback parameter       
    }
}
Run Code Online (Sandbox Code Playgroud)

然而,这永远循环(我相信i在回调函数中超出范围).

有没有更好的方法来实现这一目标?

javascript multithreading asynchronous node.js

1
推荐指数
1
解决办法
2884
查看次数

节点js中的命令行参数

我对 node js 和 node js 中的 javascript 执行很陌生。我正在尝试使用参数在节点 js 中执行一个小脚本,我想在 myTest.js 中编写的函数中传递消息和用户名

myTest(message, user);

function myTest(message, user) {
    console.log(message + ": "+ user);
}
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

(function (exports, require, module, __filename, __dirname) { myTest(message, user);
                                                                 ^

ReferenceError: message is not defined
    at Object.<anonymous> (C:\Users\kp250041\Desktop\ProgramFiles\mytest.js:1:70)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
    at startup (internal/bootstrap/node.js:285:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)
Run Code Online (Sandbox Code Playgroud)

请指教。

javascript node.js

-1
推荐指数
1
解决办法
2748
查看次数