小编Eas*_*led的帖子

我已经读了React几天了.我能理解我正在看的大部分内容,但我对写作能力并不完全有信心.我一直在研究一个小型的Web应用程序,它通过jQuery完成所有html生成并相互追加元素.我想尝试使用React重建它,因为我相信它会更快.这个JSFiddle是我正在做的事情的一个小例子.你会怎么用React写的？

JS:

function remove() {
    this.remove();
}

function timed_append_new_element() {
    setTimeout(function () {
        var added_content = $("<span />", {
            class: "added_content",
            text: "Click to close",
            click: remove
        });
        container.append(added_content);
    }, 3000);
}

function append_new_element() {
    var added_content = $("<span />", {
        class: "timed_added_content",
        text: "Click to close",
        click: remove
    });
    container.append(added_content);
}


var container = $("<div />", {
    class: "container"
});
var header = $("<span />", {
    class: "header",
    text: "jQuery to React.js Header"
});
var add_button = …

我有一个简单的表格.所有组件和状态都保存在Page组件中.有2个显示标题和3个输入字段.第一个输入应该是文本,第二个和第三个输入应该是整数.当用户输入错误类型的数据时,我希望在输入字段旁边弹出一条错误消息.我的问题与React.JS中的最佳实践有关

谁决定该值有效？我想输入字段的唯一作用是将值引导回保持状态的组件,这是否意味着只有Page可以确定某个值是否有效？

那么我应该怎么出现弹出窗口？Page必须触发一个新的布尔状态元素,该元素将通过perp传递,告诉Adaptive_Input显示错误消息吗？

的jsfiddle

JS:

/**
 * @jsx React.DOM
 */
var Adaptive_Input = React.createClass({ 
    handle_change: function(){
        var new_text = this.refs.input.getDOMNode().value;
        this.props.on_Input_Change(new_text);
    },
    render: function(){
        return (
                <div className='adaptive_placeholder_input_container'>
                    <input 
                        className="adaptive_input"
                        type="text" 
                        required="required" 
                        onChange= {this.handle_change}
                        ref="input"
                    ></input>
                    <label
                        className="adaptive_placeholder"
                        alt={this.props.initial}
                        placeholder={this.props.focused}
                    ></label>
                </div>              
                );
    }
});

var Form = React.createClass({
    render: function(){
        return (
                <form>
                    <Adaptive_Input
                        initial={'Name Input'}
                        focused={'Name Input'}
                        on_Input_Change={this.props.handle_text_input}
                    />
                    <Adaptive_Input
                        initial={'Value 1'}
                        focused={'Value 1'}
                        on_Input_Change={this.props.handle_value_1_input}
                    />
                    <Adaptive_Input
                        initial={'Value 2'}
                        focused={'Value 2'}
                        on_Input_Change={this.props.handle_value_2_input}
                    />
                </form>
                );
    }
});

var …

我正在尝试编写我的第一个json文件.但由于某种原因,它实际上不会写入文件.我知道它正在做某事,因为在运行转储后,我放入文件中的任何随机文本都会被删除,但它没有任何内容.毋庸置疑,但负载部分会抛出错误,因为那里什么也没有.不应该将所有json文本添加到文件中吗？

from json import dumps, load
n = [1, 2, 3]
s = ["a", "b" , "c"]
x = 0
y = 0

with open("text", "r") as file:
    print(file.readlines())
with open("text", "w") as file:
    dumps({'numbers':n, 'strings':s, 'x':x, 'y':y}, file, indent=4)
file.close()

with open("text") as file:
    result = load(file)
file.close()
print (type(result))
print (result.keys())
print (result)

我使用socket.io的一个iOS React Native(v0.20) app.该应用程序跟踪我的位置,当我的位置发生变化时,它会向服务器发送一条消息.如果套接字连接丢失,服务器会发送一封电子邮件通知我.

我使用react-native-location在后台运行位置跟踪,但我无法开始socket.io工作.当我更改应用程序或关闭屏幕时,应用程序会一直跟踪我的位置,但我丢失了套接字连接.

有没有办法socket.io在后台运行,如位置跟踪？除此之外是否有一些本机代码可以让我client/server connection在后台维持一段时间？

我知道有一个WebSocket替代品,但我看不到让它在后台运行的方法.

更新: 我加倍检查了我的Info.plist,它已经为react-native-location设置了必要的背景值.我不知道它是否重要,但套接字工作和位置跟踪是在同一个组件中完成的.

LocationComponent.js

window.navigator.userAgent = 'react-native';
const io = require('socket.io-client/socket.io');
const socket = io(url, {jsonp: false});

import React, { Text, View, DeviceEventEmitter } from 'react-native';
import { RNLocation } from 'NativeModules';

export default GeolocationExample = React.createClass({

  componentDidMount: function() {
    RNLocation.requestAlwaysAuthorization();
    RNLocation.startUpdatingLocation();
    RNLocation.setDistanceFilter(3.0);
    DeviceEventEmitter.addListener('locationUpdated', locationObject => {
      this.props.newPosition({ longitude: locationObject.coords.longitude, latitude: locationObject.coords.latitude });
    });
  }, …

我在python中进行模拟,需要可视化.我正在寻找python最简单的图形库.有什么东西可以让我做一些事情:

setWindow(10,10)
setCube(0,0,1,1,1)#windowX, windowY, width, length, hight,
updateList = simUpdate
for update in updateList:
    removeShape(0,0)
    setCube(0,0,1,1,1)

有什么简单的吗？3d不是必须的,但它会很好.我正在python 3.3中工作,据我所知,pygames还没有在mac上更新过.我一直在和tkinter合作,但想要更容易一点.

通常我知道我们可以做sum([func(x,x) for x in i]),但是我得到了一个if check和两个for循环,那么编写下面代码的最pythonic方法是什么.你可以假设相似性将返回一个数字,无论你给它什么类型.你也可以假设它真的只会得到整数和字符.

x = 0
if isinstance(a, dict) or isinstance(a, list) or isinstance(a, tuple):
    for i in a:
        for j in b:
            x += similarity (i,j)

我被要求使用Jenkins来测试Java项目的代码覆盖率.问题是我从未使用过Jenkins,并且几乎没有实际代码覆盖率的经验.我一直在寻找,我遇到了JaCoCo和Cobertura作为插头.问题在于,关于它们的一切都在我的头上.我的问题是,据我所知,Jenkins和JaCoCo/Cobertura用于运行测试(Junit？),并报告处理我的代码的程度,但他们在哪里获得测试？显然我应该制作它们,但这些文件是什么类型的(再次是Junit？)以及这些工具如何获得它们？

如果你感觉很慷慨,这些工具有没有很好的入门级教程？

我知道Google Drive API允许与Chrome应用进行驱动器集成,但扩展程序又如何呢？可以/如何在Chrome扩展程序中使用Drive API？例如,我想要一个扩展名,其中包含一个列出用户文档的弹出窗口,如何访问其驱动器盒？我知道它从认证开始,但我不知道该怎么做.

我想尝试复制io7的safari功能,当你在javascript/jquery中慢慢滚动时,url和导航栏最小化.首先要检测滚动速度,我已经看过这个问题,但我在内容脚本中这样做,所以我不一定要使用它们使用的顶部和底部元素.还有另一种检测滚动速度的方法吗？

在一个类中,在一个函数中,我正在创建一个Tkinter Canvas.这个函数正被另一个类调用,我希望Tkinter窗口弹出30秒然后自行关闭.我打电话给他

master.mainloop()
time.sleep(30)
master.destroy() 

但是我收到了一个错误

"elf.tk.call('destroy',self._w)_tkinter.TclError:无法调用"destroy"命令:应用程序已被销毁"

那我怎么能把它靠近呢？