En tarkoita siis testaamista vaan "ad-hoc" skriptailua eli ettei tarvitse aina käynnistää skriptiä uudelleen vaan voisin lennosta muokata ja lisätä koodia ja käyttää jo luotuja muuttujia/objekteja jne.
En tarkoita siis testaamista vaan "ad-hoc" skriptailua eli ettei tarvitse aina käynnistää skriptiä uudelleen vaan voisin lennosta muokata ja lisätä koodia ja käyttää jo luotuja muuttujia/objekteja jne.
CLIssa on hieman vaikea esim. pastettaa monirivistä koodia, muutoin se kyllä toimii ihan hyvin.
Skriptit, kun harvion tuntuu tekevän sitä mitä niiden kovasti olettaa tekevän
Tätä terminaalissa kutsumista haluaisin välttää. Ipythonia kokeilen iltasella, mutta Jupyter taitaa olla se minkälaista haen.
Wow, tuo Jupyter on kyllä kätevä ja justiin tähän tarkoitukseen sopiva
\u00fd, \u044d tai \u00ef\u00bf\u00bd.encode('utf-8')��lt�
Koitappa pakata tuo data vaikka json muotoon ja viet "clientille" tuon. Kannattaa myös katsoa, että onko databasen/servon päässä joku asetus joka sinne viedessä jo muuttaa tuon muodon.
Data (html) haetaan ulkopuolisen tuottamasta verkkopalvelusta, joten en voi vaikuttaa lähtevään päähän.
var Buffer = require('buffer').Buffer;
var Iconv = require('iconv').Iconv;
var iconv = new Iconv('ISO-8859-1', 'UTF-8');
var str = Buffer.from('äöå', 'latin1');
console.log(iconv.convert(str).toString('utf8'));
console.log(str.toString('latin1'));
<body>
<h4 class="greeting">Good afternoon</h4>
<div class="location">
<h1 class="location-city">Location</h1>
<canvas class="icon" width="64" height="64"></canvas>
</div>
<div class="temperature">
<div class="content">
<div class="degree-section">
<h2 class="temperature-degree">0</h2>
<span>°C</span>
</div>
<div class="temperature-description">It's friggin cold</div>
</div>
</div>
</div>
<script src="skycons.js"></script>
<script src="./script/script.js"></script>
</body>body {
color: #555659;
height: 100vh;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.location {
border-radius: 5px;
justify-content: space-around;
-webkit-box-shadow: 0px 134px 155px 7px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 134px 155px 7px rgba(0, 0, 0, 0.05);
box-shadow: 0px 134px 155px 7px rgba(0, 0, 0, 0.05);
}
.location, .temperature {
height: 30vh;
max-width: 800px;
min-height: 200px;
width: 50%;
display: flex;
align-items: center;
}
.temperature {
flex-direction: column;
}
.content {
margin: auto;
}
.degree-section {
display: flex;
}
.degree-section span {
line-height: 20px;
margin: 5px;
font-size: 20px;
}
.degree-section h2 {
font-size: 35px;
}
.greeting {
padding: 5px;
padding-right: 20px;
background-color: aquamarine;
margin-bottom: -15px;
}
@media only screen and (max-width: 900px) {
.location, .temperature {
width: 90%;
}
}align-self: baseline;align-self: flex-start;
esim google avaimia voi rajata vaikkapa tietylle domainille.
Btw, jos flexboxin käyttö tuntuu vielä kankealta, tässä rento peli asian opiskeluun: Flexbox Froggy
Minä luulen ettei kyseisissä algoritmeissa ole kyllä mitään randomia mukana. Eri näköisiä sääntöjä voi vain olla sen verran paljon että päällepäin algoritmin toiminta näyttää satunnaiselta.
En oikein usko, että tuolla monitoroitaisiin ko. liikennettä niin tarkkaan, että tuollaisia viritelmiä lauottaisiin päälle joka kerta, kun tietyt ehdot täyttyy. Todennäköisesti noilla seulotaan väärinkäyttöjä ja ihan "randomilla" noita heitellään väliajoin käyttäjille.
Jos kyseessä Web sivusto niin valitset backendiin jonkin kielen ja teet jonkun tutoriaalin mukaan rajapinnan valmiiksi. Tuohonhan taipuu .NET, PHP, java, Node.js, React jne, joten valikoimaa on, vaikka kuinka. Itse pidän nodesta. Tuo rajapinta on helppo pistää vaikka WAMPilla apachen päälle pyörimään. Luot tietokantayhteyden ja jonkinlaisen tietokannan. Sitten haet datan esim. Ajaxilla tuota rajapintaa käyttäen tai teet jonkin react kikkareen, joka renderöi datan sivulle/tallentaa sen välimuistiin. Sitten jollain JS johdannaisella laitetaan data, vaikka datagridiin/taulukkoon.
Tarkoituksena ei ollut tehdä rajapintaa vaan palvelu, joka hyödyntää 3. osapuolen rajapintaa.
Javascriptillä/Jqueryllä onnistuu cookieen tallentamalla: how to save data in a cookie using jquery
Haluaisin kyllä backendiin tallentaa. Evästeet on alttiita käyttäjien toimenpiteille.
apiUrl = "https://statsapi.web.nhl.com/api/v1/teams/1/roster";
const fetchTeams = new Promise((resolve, reject) => {
const data = fetch(apiUrl);
resolve(data);
reject("No data")
})
function createUrls(playerIDs) {
return playerIDs.map(id => queryString(id));
}
function fetchPlayers(urls) {
return Promise.all(urls.map(url => fetch(url)));
}
function doSomething(players) {
// Do something with the fetched data
for (player of players) {
console.log(player.people[0].fullName);
}
}
fetchTeams.then( (response) => {
return response.json();
}).then(response => {
// Create a list that contains all player ids
const ids = [];
for (player of response.roster) {
ids.push(player.person.id);
}
// Create a new list with all player urls to be fetched
const urls = ids.map(id => queryString(id));
return urls;
}).then(urls => fetchPlayers(urls))
.then(responses => responses.map(response => response.json()))
.then(players => Promise.all(players))
.then(players => doSomething(players));
function queryString(id) {
return `https://statsapi.web.nhl.com/api/v1/people/${id}/?hydrate=stats(splits=statsSingleSeason)`;
}const baseUrl = "https://statsapi.web.nhl.com";
const playerStats = ({ person: { link } }) =>
`${baseUrl}${link}?hydrate=stats(splits=statsSingleSeason)`;
fetch(`${baseUrl}/api/v1/teams/1/roster`)
.then(result => result.json())
.then(({ roster }) => Promise.all(roster.map(player => fetch(playerStats(player)))))
.then(rosterResponses => Promise.all(rosterResponses.map(response => response.json())))
.then(rosterStats => console.log(rosterStats));Kyllähän se pitäisi onnistua, koska Javassa lambda on vain erilainen syntaksi kirjoittaa anonyymimetodi. Sitä miten se tapahtuu en osaa sanoa.
