目前正在尝试学习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: …
我的文件颜色较少,其定义如下所示:
@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文件,但这似乎是一种效率低下的方法。
关于可以帮助的更好方法或工具的任何建议
我正在尝试将现有的网络应用程序从淘汰赛转换为反应js.
应用程序建立了与服务器的websocket连接,并异步接收更新(可能有许多客户端可以影响彼此的状态,例如聊聊室).
我的问题是,如果我是渲染服务器端,那么如何将更改推送到每个客户端?我刚刚开始阅读服务器上的渲染,所以我可能会误解它是如何工作的,但我相信的方式:
客户端执行一个发送到服务器的动作,服务器用一个html片段响应,然后客户端将其替换为它的DOM
对于可以通过服务器或其他客户端更改状态的应用程序,我是否仍会被迫使用websockets/http轮询来显示这些更新?
服务器是否可以按下新片段呢?
我正在测试功能,包括重定向到我无法控制的外部页面。此页面抛出错误,导致测试失败。
有没有一种方法可以只针对一个特定测试忽略js错误?(我希望网站上的错误导致测试失败)
我试图对运行时间进行基准测试,但无法得出结论性的结果。
之间有什么区别:
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)
?
似乎在每种情况下断言都是串行运行的。
注意:我要求查看是否可以加快对多个匹配但独立元素的操作和断言,我了解在大多数情况下我们希望测试同步运行。
是否可以提供计算的可观察额外参数?
例如,像这样:
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中传入一个值,用作计算函数的一部分.
如果失败了,有没有办法制作一个普通的函数,其参数的行为类似于(计算的)可观察的?
我正在定义一个实例化几个依赖于以前模块的模块的类.模块本身在准备好之前可能需要异步操作(即建立一个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) 我正试图将Twitter引导程序3模态显示固定在正文的右上角.
到目前为止,我已经尝试过:
有问题的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/
我有一个项目列表,我想在每个项目上运行异步任务.
我想要同步,以便在前面的元素完成后处理每个元素.到目前为止我尝试过的是:
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在回调函数中超出范围).
有没有更好的方法来实现这一目标?
我对 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 ×9
node.js ×4
react-jsx ×2
reactjs ×2
testcafe ×2
async.js ×1
asynchronous ×1
css ×1
css-position ×1
e2e-testing ×1
gruntjs ×1
html ×1
knockout.js ×1
less ×1
websocket ×1