小编che*_*k78的帖子

AWS Lambda vs Heroku:主要区别是什么?

我在线搜索但无法找到AWS Lambda与Heroku之间关键差异的良好答案.我可以编写Node JS,但什么时候应该使用Lambda和何时使用Heroku?

heroku amazon-web-services aws-lambda

16
推荐指数
1
解决办法
7812
查看次数

在React JS中this.setState的回调中使用this.setState?

是否可以在this.setState的回调中调用this.setState?

我正在制作一个Roguelike Dungeon并且有一个设置,在this.setState的回调中使用了一个辅助函数,它再次调用this.setState.我的游戏冻结了.

所以我在React组件中有一个对象,它有一个生成随机2D数组映射的方法:

this.Dungeon.Generate();
Run Code Online (Sandbox Code Playgroud)

当游戏开始时,我们在componentDidMount()中调用组件中的以下函数:

componentDidMount: function() {

    this.Dungeon.Generate();

    this.setState({
      board: this.Dungeon.map
    }, function() {

      this.generateGamePlay();

    });

  },
Run Code Online (Sandbox Code Playgroud)

this.generateGamePlay()看起来像这样,基本上生成并将玩家,老板和物品随机放在棋盘上:

generateGamePlay: function() {

var board = this.state.board.slice();

var startPosition = this.randomPosition();

board[startPosition[0]][startPosition[1]] = this.state.player;

var bossPosition = this.randomPosition();

board[bossPosition[0]][bossPosition[1]] = this.state.boss[this.state.dungeonLevel];

this.generateWeapons(this.state.dungeonLevel,board);

this.generateFood(this.state.dungeonLevel, board);

this.generateEnemies(this.state.dungeonLevel, board);

this.setState({
  board: board
});

 },
Run Code Online (Sandbox Code Playgroud)

但是当玩家死亡时,我们再次呼叫以重置游戏:

this.Dungeon.Generate();
        //generate a new dungeon map, available in this.Dungeon.map

        this.setState({
          board: this.Dungeon.map, currentMessage: "Game restarted", player: player, weapon: weapon, dungeonLevel: 0
          }, function(){

                this.generateGamePlay();

          })
Run Code Online (Sandbox Code Playgroud)

但是当我的游戏冻结时.所以我第一次调用this.generateGamePlay()(调用this.setState)它可以工作,但第二次冻结.有人可以帮帮我吗?

javascript callback setstate reactjs

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

为什么我的D3折线图显示每个实体的黑色区域?

我制作了一个网络抓取器,用于获取有关不同银行的货币转移率的数据,并在D3折线图中显示其随时间的变化(每个银行都有一条线,并且汇率是每天)。服务器端cronjob确保每天进行抓取。

在前端,它使用D3.json从此URL获取数据:

http://rateswebscraper.herokuapp.com/rates

我制作了折线图,但没有显示每个银行的线条,而是显示了黑色区域,请参见以下屏幕截图:

在此处输入图片说明

这是我的代码:

/*global d3*/

var margin = {

  top: 20,
  right: 50,
  bottom: 20,
  left: 50

};

var w = 1000 - margin.left - margin.right,
  h = 500 - margin.top - margin.bottom;

var ratesData = "http://rateswebscraper.herokuapp.com/rates";

//load buy or sell data    
var loadData = function(dataSet, title) {

  //set chart title
  document.getElementById("title").innerHTML = title;

  //reset SVG container element
  d3.select("#chart").select("svg").remove();

  var svg = d3.select("#chart")
    .append("svg")
    .attr("width", w + margin.left + margin.right)
    .attr("height", h + margin.top + margin.bottom)
    .append("g")
    .attr("transform", …
Run Code Online (Sandbox Code Playgroud)

javascript data-visualization d3.js

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

react-native install和npm install有什么区别?

我是React Native的新手,并且已经看到一些博客文章/教程使用react-native install或npm install作为依赖项.有什么区别,两种方法的优点/缺点是什么?

facebook npm reactjs react-native

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

如何在D3 JS中使用填充属性中的色标?

我在D3 JS中制作热图,其中沿X轴为Year,沿Y轴为Month.每个单元格都是温度,并基于此获得不同的"填充"颜色.我的问题是如何制作一个使用一系列颜色代码映射minTemp/maxTemp域的色标.到目前为止我有下面的代码,但这不起作用:

var url = "https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/global-temperature.json"

d3.json(url, function(json){

  //load data from API and save in variable data
  var data = json.monthlyVariance;
  var baseTemp = json.baseTemperature;

  //Add temperature to each object in data set
  for(var i = 0; i < data.length; i++){

    var temperature = baseTemp + data[i].variance  
    data[i].temperature = temperature;

    var monthString = "";
    switch(data[i].month){

      case 1:
        data[i].monthString = "January";
        break;
      case 2:
        data[i].monthString = "February";
        break;
      case 3:
        data[i].monthString = "March";
        break;
      case 4:
        data[i].monthString = "April";
        break;
      case …
Run Code Online (Sandbox Code Playgroud)

javascript data-visualization d3.js

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

D3.js中的X scale函数保持返回undefined

我是D3.js的新手并试图制作一个条形图,其中Y轴为GDP,X轴为日期.

我试图用d3.timeScale()创建一个xScale,但由于某种原因,代码在使用时仍然返回undefined.以下是我的代码,我做错了什么?

var data = [
  [
    "2011-01-01",
    15238.4 ]
  , 
    ["2015-07-01",
    18064.7
  ]
];

var w = 1000;
var h = 300;
var barPadding = 1;

var svg = d3.select("#chart")
            .append("svg")
            .attr("height", h);

var maxDate = d3.max(data, function(d){

  return d[0];

});

var minDate = d3.min(data, function(d){

  return d[0];

});

var maxGDP = d3.max(data, function(d){

  return d[1];

});

var minGDP = d3.min(data, function(d){

  return d[1];

});


minDate = new Date(minDate);

maxDate = new Date(maxDate)

var xScale = d3.scaleTime()
                     .domain([minDate, maxDate]) …
Run Code Online (Sandbox Code Playgroud)

javascript data-visualization scale d3.js

3
推荐指数
1
解决办法
1388
查看次数

在Ruby on Rails应用程序中将JSON从API端点保存到数据库

我是Ruby on Rails的新手,需要一些建议!我尝试在Kimono Labs建立一个webscraper并拥有一个JSON文件,您可以在其中将网站数据转换为API:

https://www.kimonolabs.com/api/3obhv4p0?apikey=WWHHbKEkOmAPXsObOccPBXTb5NgRyCNO我要保存到Ruby on Rails应用程序的数据库中.

具体来说,它是我想要保存到数据库的"结果"键.它包含Google财经与公司的数据,引用页面的URL,P/E和最新价格.其格式如下:

"results": {
    "collection1": [
      {
        "property1": {
          "href": "https://www.google.com/finance?catid=TRBC:57&sort=a&ei=Tx2WVonTG9uhe7Hpv_AN",
          "text": "Company"
        },
        "property2": "P/E (ttm)",
        "property3": "Quote",
        "index": 1,
        "url": "https://www.google.com/finance?catid=TRBC%3A57&sort=PE_RATIO&ei=6tyMVrqxIdaP0ASF0pbACQ"
      },
      {
        "property1": {
          "href": "https://www.google.com/finance?q=NASDAQ:NANO&ei=Tx2WVonTG9uhe7Hpv_AN",
          "text": "Nanometrics Incorporated"
        },
        "property2": "10,100.72",
        "property3": "14.04",
        "index": 2,
        "url": "https://www.google.com/finance?catid=TRBC%3A57&sort=PE_RATIO&ei=6tyMVrqxIdaP0ASF0pbACQ"
      },
Run Code Online (Sandbox Code Playgroud)

这是我的迁移:

ActiveRecord::Schema.define(version: 20160108073353) do

  create_table "stocks", force: :cascade do |t|
    t.string   "company"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
    t.string   "url"
    t.float    "pe"
    t.float    "quote"
  end
Run Code Online (Sandbox Code Playgroud)

问题是如何将此JSON文件加载到我的应用程序中?我认为它有以下步骤,因此我的问题可以分解为:

  • 我需要用RestClient或OpenURI打开/加载它>我该怎么做?
  • 解析数据并使其成为Ruby哈希>我该怎么做?
  • 然后遍历哈希并将数据保存到数据库?>我该怎么做? …

ruby json ruby-on-rails

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

在D3 JS中将div放在图表的左上角

这里是D3的新手,并使用下面的代码在图表上工作.当用户将鼠标悬停在其中一个文本标签上时,我有一个名为"tip"的div显示(通过改变不透明度).我无法正确定位.

我想要的是将它放在图表的左上角,让我们说x,y坐标为10,10.但我不知道如何得到那个坐标,因为它是一个div.有人可以帮帮我吗?

var url = "https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/cyclist-data.json";
d3.json(url, function(json) {

  var data = json;

  //Dimensions of the SVG container
  var margin = {
    top: 40,
    right: 100,
    bottom: 60,
    left: 60
  };
  //inner width for the chart, within SVG element
  var w = 1000 - margin.left - margin.right;
  //inner height for the chart, within SVG element
  var h = 800 - margin.top - margin.bottom;
  var padding = 20;

  //create SVG conratiner and append to DOM
  var svg = d3.select("#chart")
    .append("svg")
    .attr("width", …
Run Code Online (Sandbox Code Playgroud)

javascript svg data-visualization d3.js

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