小编Har*_*dia的帖子

BABEL注意:代码生成器已经优化了"app.js"的样式,因为它超过了Meteor中的"100KB"的最大值

我在meteor中的app.js文件超过了100KB的限制我该如何解决这个问题呢?它会影响我的申请吗?这是因为安装包吗?

meteor babeljs

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

使用laravel从json中删除

您好我想知道如何在javascript中使用刀片变量.这是我在laravel中的查询

$users=json_encode(DB::table('ledger')->select('name','openingbalance')->get());
Run Code Online (Sandbox Code Playgroud)

我正在尝试在我的javascript文件中访问它,如下所示

var users ="{{ $users }}";
Run Code Online (Sandbox Code Playgroud)

我得到如下所示的输出:

[
      {"name":"Harsh","openingbalance":"5755.00"},      
      {"name":"Harh","openingbalance":"-12000.00"},
      {"name":"gfgfhgf","openingbalance":"-333.00"}
]
Run Code Online (Sandbox Code Playgroud)

我想知道如何删除"所以我得到一个完美的json使用.

javascript php json laravel

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

在离子框架中设置Android Home路径

我想在android设备中运行我的离子项目.所以我运行了以下命令

  1. 离子添加离子平台网络客户端
  2. 离子插件添加phonegap-plugin推送
  3. 离子io init
  4. 离子平台添加android

以上所有命令都已成功执行.当我尝试运行以下命令时:

 ionic run android 
Run Code Online (Sandbox Code Playgroud)

它给了我错误:

'ANDROID_HOME' environment variable is set to non-existent path.
Try update it manually to point to valid SDK directory.
You may not have the required environment or OS to run this project.
Run Code Online (Sandbox Code Playgroud)

我现在如何修复它?

android cordova ionic-framework

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

ReactJS - 如何检测何时单击文件输入上的取消?

我想要一个事件或在用户单击fileInput 对话框上的十字图标取消按钮时收到通知,以便我可以基于此执行某些任务。

仅当用户单击“打开”按钮时才会触发onChange事件。

当用户使用 ReactJS 单击十字图标取消按钮时,有没有办法收到通知?

在此输入图像描述

下面是工作代码片段。

class Test extends React.Component {
  constructor() {
    super();
    this.fileInputClicked = this.fileInputClicked.bind(this);
  }
  
  fileInputClicked(event){
    let file = event.target.files[0];
    console.log("File is Selected", file);
  }

  render() {
    return (
      <div>
        <div>
          <p>Hello world</p>
            <input type="file" onChange={this.fileInputClicked}/>
        </div>
      </div>
    );
  }
}

ReactDOM.render(<Test/>, document.getElementById('app'))
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id='app' />
Run Code Online (Sandbox Code Playgroud)

html javascript file event-handling reactjs

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

使用 react-router-dom 重定向到第三方 URL

我非常了解 react-router-dom 我想对组件进行条件渲染。如果使用未登录,则将他重定向到某个第三方 URL

例如,下面的代码看起来很整洁并且工作正常

<Route exact path="/home" render={() => (
  isLoggedIn() ? (
    <Redirect to="/front"/>
  ) : (
   <Home />
  )
)}/>
Run Code Online (Sandbox Code Playgroud)

让我们在上面的例子中说,如果我想重定向to https://www.google.com我该怎么做?

如果我写

 <Redirect to="https://www.google.com"> it gives me error. 
Run Code Online (Sandbox Code Playgroud)

如何重定向到第三方网站?

reactjs react-router-v4 react-router-dom

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

在 Javascript/jquery 中为数独谜题生成一个随机数组

我想通过处理以下条件来填充数组中的 9 x 9 网格

  1. 不应在同一列中重复特定数字。
  2. 特定数字不应在同一行中重复。

当我执行下面提到的代码时,它会在没有上述条件的情况下用随机值填充所有 9 X 9 网格。如何在将值插入到我的 9 X 9 网格之前添加这两个条件。

var sudoku_array = ['1','2','3','4','6','5','7','8','9'];

$('.smallbox input').each(function(index) {
    $(this).val(sudoku_array[Math.floor(Math.random()*sudoku_array.length)]);

});
Run Code Online (Sandbox Code Playgroud)

我的 JSFIDDLE 链接

javascript arrays random jquery

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

在画布上寻找自定义(加入 div 并维护它的关系)

我正在寻找一个 javascript 库或自定义解决方案,我可以在其中自由拖放组件并维护它们之间的关系(例如哪个节点连接到什么以及在我想要的任何地方自由移动节点)

通过维护关系,我的意思是不同的组件应该维护它们的互连流(如流程图)。绘制它们后,我需要获取它们关系的 JSON 数据。

下面是我在说什么的示例一瞥

我开发的 Strom React Diagrams

在上图中,您可以看到我有不同的节点相互连接。如何通过库或自定义解决方案实现这些目标?

上图来自strom-react-diagrmas反应库。我试过这个,但它使用 SVG 并且缺乏我想要的很多自定义。

我也试过rete.js但无法根据我的需要自定义它(自定义形状等)。

网路js

我也在考虑从头开始构建解决方案,我面临的唯一问题是如何在画布上加入两个或多个 div 以保持其关系?

注意我为什么要这样做?

  1. 我这样做的目标是创建一个可视化编辑器,非技术人员可以在其中设计流程,然后我想导出 JSON 以将其相应地存储在我的数据库中。
  2. 当我再次加载此流程的画布时,我应该能够根据我将拥有的 JSON 数据再次呈现互连流程以及连接的节点。

如果你遇到这样的情况,你能给我一些建议吗?非常感谢你们的任何帮助。

javascript canvas relationship visual-editor html5-canvas

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