我在线搜索但无法找到AWS Lambda与Heroku之间关键差异的良好答案.我可以编写Node JS,但什么时候应该使用Lambda和何时使用Heroku?
是否可以在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)它可以工作,但第二次冻结.有人可以帮帮我吗?
我制作了一个网络抓取器,用于获取有关不同银行的货币转移率的数据,并在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) 我是React Native的新手,并且已经看到一些博客文章/教程使用react-native install或npm install作为依赖项.有什么区别,两种方法的优点/缺点是什么?
我在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) 我是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) 我是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文件加载到我的应用程序中?我认为它有以下步骤,因此我的问题可以分解为:
这里是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 ×5
d3.js ×4
reactjs ×2
aws-lambda ×1
callback ×1
facebook ×1
heroku ×1
json ×1
npm ×1
react-native ×1
ruby ×1
scale ×1
setstate ×1
svg ×1