小编Fra*_*ard的帖子

jquery-ui和webpack,如何将其管理到模块中?

任何想法如何处理?我的意思是jquery-ui似乎不是amd而且我不知道如何管理它,任何想法?

jquery-ui webpack

65
推荐指数
5
解决办法
6万
查看次数

React-native和React

我正在构建一个webapp和ios/android(相同的应用程序).起初我认为cordova可能是一个不错的选择,然后阅读后我认为React-native可能是更好的选择.

我的问题是:我是否必须两次编写相同的应用程序(一个针对网络做出反应,另一个针对移动设备做出反应)?

我见过一些可以共享反应本机组件的库,但我觉得我会受到限制.

你怎么看 ?

编辑:还有一个问题有了反应,我会使用flux(现在可能是redux)我该怎么做才能保持我的本机应用程序的清洁和可读性,我的意思是我应该如何在那里管理数据呢?谢谢你的答案

javascript reactjs react-native

17
推荐指数
5
解决办法
1254
查看次数

Bootstrap崩溃与反应js

嗨,我正在尝试在反应视图中使用bootstrap崩溃,但它无法正常工作.这很简单,但我不明白发生了什么.

return (<div>
    <button className="btn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="true" aria-controls="collapseExample">
        ButtonClickthis!
    </button>
    <div className="collapse" id="collapseExample">
        <div className="well">
            ...blablablacontent
        </div>
    </div>
</div>);
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap reactjs

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

反应调度员WAITFOR

我正在尝试使用react.js的waitFor函数,但似乎我做错了.

我想做什么我基本的,等待商店填写之前从另一家商店打电话.1.在第一个商店中注册令牌

RipplelinesStore.dispatcherIndex= Dispatcher.register(function(payload) {
    var action = payload.action;
    var result;

    switch(action.actionType) {

         case Constants.ActionTypes.ASK_RIPPLELINES:    
            registerAccount(action.result); 
            RipplelinesStore.emitChange(action.result);         
            break;
    }

});
Run Code Online (Sandbox Code Playgroud)

2.在另一个商店中写下等待

Dispatcher.register(function(payload) {
    var action = payload.action;
    var result;

    switch(action.actionType) {
        case Constants.ActionTypes.ASK_RIPPLEACCOUNTOVERVIEW:
            console.log("overviewstore",payload);
            Dispatcher.waitFor([
                RipplelinesStore.dispatcherIndex,
            ]);

            RippleaccountoverviewsStore.test= RipplelinesStore.getAll();
            console.log(RippleaccountoverviewsStore.test);

            break;
    }

    return true;
});
Run Code Online (Sandbox Code Playgroud)

不幸的是我的getall()方法返回一个空对象(getAll()编写得很好).所以似乎waitFor调度程序功能不起作用.

基本上我知道这是因为第一个商店仍然从服务器接收答案,但我认为waitFor会等待它被取出我不明白.

任何线索?谢谢!

编辑:我解雇了第一个商店获取像tha.我不明白的是,一旦我的骨干集合被提取,我就会调度负载(我发送成功后承诺......)

ripplelinescollection.createLinesList(toresolve.toJSON()).then(function() { 
            Dispatcher.handleViewAction({
                actionType: Constants.ActionTypes.ASK_RIPPLELINES,
                result: ripplelinescollection
            });
        }); 
Run Code Online (Sandbox Code Playgroud)

我也尝试将waitfor绑定到一个从未调用但另一个商店仍未等待的动作!奇怪的 !

reactjs-flux

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

mongo .find仅为所有用户返回特定字段

db.users.find({})返回具有所有字段的所有用户.

如何编写一个只返回所有用户的"电子邮件"字段的请求?

mongodb

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

thunk和闭包之间的区别

我以为我知道什么是关闭,但我不太确定阅读一些文章反应.

功能是否低于"thunk"?(对我而言,这是一个关闭,我从一篇关于反应https://spin.atomicobject.com/2016/10/05/form-validation-react/的博客文章中看到了这一点)

作者解释说:"接下来,让我们看一下ruleRunner函数.regileRunner是一个thunk,或者是一个返回函数的函数."

export const ruleRunner = (field, name, ...validations) => {
  return (state) => {
    for (let v  of validations) {
      let errorMessageFunc = v(state[field], state);
      if (errorMessageFunc) {
        return {[field]: errorMessageFunc(name)};
      }
    }
    return null;
  };
};
Run Code Online (Sandbox Code Playgroud)

相反,我认为thunk是一个包含所有上下文(状态,函数等)的函数,以便在将来执行某种逻辑." 来自:http://www.austinstory.com/what-is-a-thunk-in-javascript/

const add = (x,y) => x + y;

const thunk = () => add(1,2);

thunk() // 3
Run Code Online (Sandbox Code Playgroud)

所以对我来说,第一篇文章的作者是错误的,他给出的描述和闭包的例子不是一个thunk.但我可能错了,这就是我问这个问题的原因.

第一篇文章作者是错误的什么是thunk,并且说thunk是一种特定类型的闭包是"正确的",它包含了为了执行某种类型而需要的所有上下文(状态,函数等)未来的逻辑."

javascript

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

ReactJs"不变违规......"经典反应问题

这是一个典型的反应问题,但我有点不知道如何处理它.我只是想动态渲染我的表格行但是我得到错误:""未捕获错误:不变违规:processUpdates():无法找到元素的子元素2.这可能意味着DOM意外地发生了变异(例如,通过浏览器),通常是由于在使用表时忘记了一个,嵌套标签如,

,或,或在父母中使用非SVG元素.尝试使用React ID检查元素的子节点.2.1.0."

我理解反应是找不到合适的DOM东西但是如何处理呢?提前致谢 !

<div className="panel-body" style={panelstyle}>
              <Table striped bordered condensed hover>
                <thread>
                  <th> Currency </th>
                  <th> Amount </th>
                  <th> Issuer </th>
                  <th> Limit </th>
                  <th> Limit Peer </th>
                  <th> No-Ripple </th>
                </thread>
                <tbody>
                  {this.state.ripplelines[this.address] ?

                              this.state.ripplelines[this.address].lines.map(function(line,i) {

                            return      (<tr>
                                          <td> USD </td>
                                          <td> 1500 </td>
                                          <td> raazdazdizrjazirazrka?rkazrâkrp </td>
                                          <td> 1000000000 </td>
                                          <td> 0 </td>
                                          <td> True </td>
                                        </tr>)       
                            ;
                        })             
                  : ""}
                </tbody>
              </Table>
            </div>
Run Code Online (Sandbox Code Playgroud)

reactjs

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

经典继承和原型继承之间的区别

我在这里找到了这个定义:https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95#.y0nc8kx34

这对你来说听起来不是很尴尬吗?这个定义有意义吗?对于我来说,在这两种情况下都使用了一个构造函数(使用new可以覆盖返回的对象)并且在两种情况下都有一个原型继承.我错过了什么或上面的定义不是很准确吗?

*3.经典继承和原型继承之间有什么区别?

类继承:实例继承自类(如蓝图 - 类的描述),并创建子类关系:分层类分类.实例通常通过带有new关键字的构造函数实例化.类继承可能使用也可能不使用classES6中的关键字.

原型继承:实例直接从其他对象继承.实例通常通过工厂函数或实例化实例化Object.create().实例可以由许多不同的对象组成,允许轻松选择性继承.*

javascript inheritance prototype class ecmascript-6

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

React.js"不变违规:findComponentRoot"

我知道错误来自嵌套的东西和嵌套的_.map函数,但我无法弄清楚如何做到这一点.

下面是渲染函数的一部分:

我想做的是:

  1. 检查this.props.currencylist存在
  2. 然后显示<select>下拉列表
  3. 随着<options>来自this.props.currencylist

{ 
  this.props.currencylist ?
  <select  id="fiatselector" onChange={this.onSelectCurrency} value {this.props.selectedcurrency}>
  { 
     _.map(this.props.currencylist, function(currency) { 
       return <option value={currency}> {currency} </option>  
     })
  }
  </select>
  : 
  ""
}    
Run Code Online (Sandbox Code Playgroud)

非常感谢!

顺便说一句,在第一次渲染时它完美运行,当必须更新时会出错,使用新的货币列表重新渲染会触发错误

reactjs

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

javascript几个相应的数组减少/总结

减少这些阵列的最简洁方法是什么?

data = {
    id: [1, 1, 1, 3, 3, 4, 5, 5, 5, ...]
    v: [10,10,10, 5, 10 ...]
}
Run Code Online (Sandbox Code Playgroud)

对于每个id,都有av对应.我想要的是为每个id总结v.在这个例子中,结果应该是

data = {
    id: [1, 3, 4, 5, ...]
    v: [30, 15, ...]
}
Run Code Online (Sandbox Code Playgroud)

javascript

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