小编Bri*_*and的帖子

Internet Explorer中的备用btoa编码

我试图将http://jsbin.com/ufufez/1/edit中的相同代码实现到我的环境中,并且它在IE中不起作用.有人可以为此提供替代解决方案,使其在IE> 8中工作.

javascript

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

我可以在不重新加载浏览器的情况下编辑React组件吗?

如果React提供DOM协调,是否可以动态重新加载组件的代码并在编辑后重新呈现它?

我正在寻找一种解决方案,允许我编辑JSX文件,保存它,并让组件在浏览器中自行更新,无需重新加载页面,卸载它或丢失其状态.

理想情况下,这应该没有浏览器插件.

javascript hotswap livereload reactjs

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

Webpack加载器别名?

我有一个相当复杂的样式表加载程序设置:

  {
    test: /\.scss$/,
    loader: ExtractTextPlugin.extract("style",
      "css?sourceMap&localIdentName=[path][name]__[local]__[hash:base64:5]!sass?outputStyle=expanded&" +
      "includePaths[]=" + other stuff)
    )
  }
Run Code Online (Sandbox Code Playgroud)

哪个效果很好,但有些要求我想将modules选项添加到css-loader中,所以它看起来像这样:

require('./foo.scss!css?modules&sourceMap&localIdentName=[path][name]__[local]__[hash...');
Run Code Online (Sandbox Code Playgroud)

但我无法在这个地方做到这一点.

我如何配置它,以便我可以在某些需求上启用css-loader模块标志,同时保持其余部分相同?

也许像装载机'别名',例如require('./foo.scss!my-scss-with-modules-flag-alias')

我能想到的唯一解决方案是编写一个加载器,它进行语法转换,将加载器配置内联到某些需要的调用......但这很脆弱且复杂.

javascript webpack webpack-style-loader

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

我可以在ReactJS.net上应用Flux架构吗?

如何使用reactjs.net在asp.net中创建flux通信架构?

我会有几个文件.Jsx,我将如何通过服务器成为所有rendenizador?

在这个例子中=> Link,它使用asp.net创建,但不使用服务器渲染

reactjs reactjs-flux

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

如何使Python,QT和Webkit在无头服务器上运行?

我有Debian Linux服务器,我用它来做各种各样的事情.我希望它能够做一些我需要定期完成的网络抓取工作.

这段代码可以在这里找到.

import sys  
from PyQt4.QtGui import *  
from PyQt4.QtCore import *  
from PyQt4.QtWebKit import *  

class Render(QWebPage):  
  def __init__(self, url):  
    self.app = QApplication(sys.argv, False)  # Line updated based on mata's answer
    QWebPage.__init__(self)  
    self.loadFinished.connect(self._loadFinished)  
    self.mainFrame().load(QUrl(url))  
    self.app.exec_()  

  def _loadFinished(self, result):  
    self.frame = self.mainFrame()  
    self.app.quit()  
Run Code Online (Sandbox Code Playgroud)

对它的简单测试看起来像这样:

url = 'http://example.com'
print Render(url).frame.toHtml()
Run Code Online (Sandbox Code Playgroud)

在对构造函数的调用中,它会以此消息消失(它打印到stdout,而不是未捕获的异常).

: cannot connect to X server 
Run Code Online (Sandbox Code Playgroud)

如何在无头服务器上使用Python(2.7),QT4和Webkit?什么都不需要显示,所以我可以调整任何设置或任何需要调整的东西.

我已经研究过替代方案,但这对我和我的项目来说是最合适的.如果我必须安装X服务器,我怎么能以最小的开销做到这一点?

python qt webkit headless headless-browser

6
推荐指数
3
解决办法
6970
查看次数

Javascript:了解文件界面

我开始使用Javascript并尝试理解一些基础知识.问题不是关于文件界面,而是我想弄清楚的.

在我的HTML文件中,我有一个文件类型输入.

<input type="file" id="fileInput" multiple/>
Run Code Online (Sandbox Code Playgroud)

然后在我的JS文件中我有:

var fileVar = document.getElementById('fileInput').files[0];
Run Code Online (Sandbox Code Playgroud)

这工作正常,filevar是类型File.

现在我想了解files属性是如何工作的.

在W3中,API定义为:

 interface FileList {
      getter File? item(unsigned long index);
      readonly attribute unsigned long length;
    };
Run Code Online (Sandbox Code Playgroud)

我试图找出如何通过使用来访问FileList中的单个文件files.它似乎没有在任何地方定义.阵列files来自哪里?

javascript html5 html-input

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

如何使用requirejs获得真正的错误?

我是新手要求JS,我想弄清楚为什么我不能得到正常的错误.

我正在使用它,在加载requirejs文件之后,但在加载任何模块之前:

requirejs.onError = function (err) {
    console.log(err.requireType);
    if (err.requireType === 'timeout') {
        console.log('modules: ' + err.requireModules);
    }

    throw err;
};
Run Code Online (Sandbox Code Playgroud)

但我仍然得到了完整的模糊错误:

Error: script error
http://requirejs.org/docs/errors.html#scripterror @ http://localhost/wampir/lib/require.js:8
"scripterror"
Run Code Online (Sandbox Code Playgroud)

有没有办法让我给出实际的错误和行号?

我已经看到了这个问题,但我从那里尝试了几个答案,并且它们没有改变任何东西......

javascript error-handling requirejs

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

为单个输入ID定义CSS样式,而不是输入[type = checkbox]

这是我的复选框

<input type="checkbox" name="MyName[]" value="A1" id="A1"/>
<label for="Filter"></label>
<input type="checkbox" name="MyName[]" value="A2" id="A2"/>
<label for="Filter"></label>
Run Code Online (Sandbox Code Playgroud)

这是我的风格

input[type=checkbox] {..}
input[type=checkbox] + label {background:'image-1'}
input[type=checkbox]:checked + label {background:'image-2'}
Run Code Online (Sandbox Code Playgroud)

我需要使用不同的已选中和未选中图像为每个复选框设置样式.

我想要引用ID而不是input[type=checkbox]我的CSS.

怎么做?

css checkbox input

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

多人游戏运动同步

我正在进行多人游戏,我遇到了同步玩家的问题.

当玩家按下其中一个移动键(W,A,S,D),然后客户端发送关于按下的按钮的数据包,服务器根据按下的键设置速度,并将新的速度发送回所有附近的玩家.

当玩家释放密钥然后客户端发送数据包时,服务器将玩家速度设置为0,0并将位置和速度发送给所有附近的玩家.

所以问题是当我释放钥匙时,大多数时候玩家会跳回来.

我怎么能解决这个问题?

我正在使用socket.io.

客户端:

   socket.on('positionEntity', function (data) {
        console.log((data.x - entities[data.id].x)+" "+(data.y - entities[data.id].y));
        entities[data.id].setPosition(data);
    });

    $(document).keyup(function(e) {
        if (e.keyCode == 87) {
            keys.W = false;
            socket.emit("stopMove", {dir: 0, time: Date.now()});
        }

        if (e.keyCode == 65) {
            keys.A = false;
            socket.emit("stopMove", {dir: 1, time: Date.now()});
        }

        if (e.keyCode == 83) {
            keys.S = false;
            socket.emit("stopMove", {dir: 2, time: Date.now()});
        }

        if (e.keyCode == 68) {
            keys.D = false;
            socket.emit("stopMove", {dir: 3, time: Date.now()});
        }
    });

    $(document).keydown(function(e) { …
Run Code Online (Sandbox Code Playgroud)

javascript node.js

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

在React.js中有条件地设置html属性

我在React中为单选按钮组件设置默认选项时遇到了惊人的困难.

这是我的RadioToggle组件:

/** @jsx React.DOM */
var RadioToggle = React.createClass({
  render: function () {
    var self = this;
    return (
      <div className="RadioToggle">
        {this.props.radioset.radios.map(function(radio, i){
          return (
            <label className="__option" key={i}>
              <h3 className="__header">{radio.label}</h3>

              {radio.checked ?
                <input className="__input"
                     type="radio"
                     name={self.props.radioset.name}
                     value={radio.value}
                     defaultChecked />

              : <input className="__input"
                     type="radio"
                     name={self.props.radioset.name}
                     value={radio.value} />
              }

              <span className="__label"></span>
            </label>
            )
          })
        }
      </div>
    );
  }
});

module.exports = RadioToggle;
Run Code Online (Sandbox Code Playgroud)

以下是我创建组件的方式:

<RadioToggle radioset={
  {
    name: "permission_level",
    radios: [
    {
      label: "Parent",
      value: 1,
      checked: false
    },
    { …
Run Code Online (Sandbox Code Playgroud)

javascript radio-button reactjs

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