-
Fototrend
Fototrend
Új hozzászólás Aktív témák
-
Sziasztok!
A google link rövidítőt működésre lehet még bírni könyvjelzőként? Azaz ha rányomok a könyvjelzőre, akkor készítse el a rövid linket.
Ezt találtam, de már nem működik hiába cseréltem ki a címet.
Itt van a google-től egy leírás, de én ehhez kevés vagyok.
Senki?
Akkor következő kérdés. Milyen paranccsal lehet kiszedni egy oldalról annak a képnek a linkjét amit pl. a facebook is megjelenít ha megosztom az oldalt? -
maestro87
őstag
Sziasztok!
A google link rövidítőt működésre lehet még bírni könyvjelzőként? Azaz ha rányomok a könyvjelzőre, akkor készítse el a rövid linket.
Ezt találtam, de már nem működik hiába cseréltem ki a címet.
Itt van a google-től egy leírás, de én ehhez kevés vagyok. -
PumpkinSeed
addikt
Nyugi az elején is értettük, hogy mit szeretnél, minden normálisabb nyelven van olyan ORM, ami db séma migration-t is csinál az ORM-kedésen felül. A kedvedért kigugliztam egyet, ami nekem így 1 percnyi ránézésre pont ilyennek tűnik, mint amit keresel: https://sequelize.readthedocs.io/en/v3/
-
PumpkinSeed
addikt
-
tick
aktív tag
Van valami NodeJS package ami egy json fájlból felhúzza az adatbázis struktúrát? Pl: meg van, hogy
{
table: "Test",
fields: {
...
...
...
}
}és ebből a
migrate --file file.jsonsegítségével varázsol nekem egy kész adatbázis struktúrát -
PumpkinSeed
addikt
-
Az a hiba hogy a jelszo2-be teszed a trimelt stringet és utána nem csinálsz vele semmit.
Számok:var hasNumber = new RegExp(/\d/).test(jelszo2);Apró megjegyzés hogy a webes világban bevett szokás szerver oldalon ellenőrizni és visszaküldeni a hibát hiszen szerver oldalon úgyis mindig kötelező ellenőrizni mindenféle inputot.
köszi...
folytatom a küzdelmet
fordfairlane:
kapott anyag...és nem tanulótól..
-
fordfairlane
veterán
van egy jelszó vizsgáló scriptem, amibe szeretnék még beletenni egy olyat is, hogy a szóközöket is levágja az elejéről és a végéről
eddig jutottam el:
function jelszoEll(){
var urlap = document.forms['urlap'];
//nem kezdődhet számmal
var jelszo = urlap['pwd'].value;
var jelszo2 = jelszo.trim();
var hibaHelye = document.getElementById('jelszoErr');
if (jelszo == jelszo.toLowerCase())
hibaHelye.innerHTML = "A jelszó nem tartalmaz nagybetűt!";
else hibaHelye.innerHTML = "";
}de sajna így nem vizsgálja helyesen szóközt
plusz kellene még bele..számot vizsgáló rész is..Életemben nem láttam még ennyire elcseszett if vezérlési szerkezet-formázást. Ilyenért buktatnék.
![;]](//cdn.rios.hu/dl/s/v1.gif)
-
van egy jelszó vizsgáló scriptem, amibe szeretnék még beletenni egy olyat is, hogy a szóközöket is levágja az elejéről és a végéről
eddig jutottam el:
function jelszoEll(){
var urlap = document.forms['urlap'];
//nem kezdődhet számmal
var jelszo = urlap['pwd'].value;
var jelszo2 = jelszo.trim();
var hibaHelye = document.getElementById('jelszoErr');
if (jelszo == jelszo.toLowerCase())
hibaHelye.innerHTML = "A jelszó nem tartalmaz nagybetűt!";
else hibaHelye.innerHTML = "";
}de sajna így nem vizsgálja helyesen szóközt
plusz kellene még bele..számot vizsgáló rész is.. -
Ja, bocs, nem láttalak, akkor írom a részleteket.
Az első bekezdés csak tájékoztató jellegű, hogy képben legyetek, majd utána jelzem, mi az ötletem lényege.Eredetileg egy magyar származású egyetemista fejlesztett egy progit bizonyítandó, hogy a webes böngészések során lehet követni, ki merre járt és Collision révén Firefox böngészőhöz add-on lett belőle.
Ennek révén hamarosan fejes lett belőle és megbízott egy művészeti egyetemista csoportot valamilyen alapítványi támogatás révén, hogy csináljanak a programjához vizuális megjelenítést.
Nagy siker lett Lightbean add-on néven.
(Azután a srác egy másik nagy cég vezetője lett, amit pár év alatt sikeresen tönkre tett. Akit érdekel Gary Kovacs néven wikipedian megtalálja a történetet.)A lényeg:
adott a Lightbean add-on, aminek minden része ingyenesen használható, és ami legalább két részből áll: az eredeti, böngésző által begyűjtött ip címek és a köztük lévő kapcsolatok rendszerezéséből, valamint a vizuális részből.Az ötletem az, hogyha le tudjátok választani a vizuális megjelenítőt és írni hozzá olyan adatbeviteli megoldást, amivel bárki megadhatja az általa ábrázolandó adatokat, akkor egy, az amerikaiaknál és briteknél nagyon népszerűvé vált Freemind-hoz hasonló programot lehetne csinálni. A buktató "csak" annyi, hogy annak már nem javascript fájlokból kell állnia, hanem portable programot kell belőle kreálni.
-
Akkor jó, ha képben vagytok. Én nem értek hozzá, csak ötletet adtam, ingyen.
Persze, ha elkészül a mű, és nagyon meg akar hívni a szerző egy nagy pohár valódi narancslére, talán nem mondok nemet.Még az jutott eszembe, hogy talán művészek számára is hasznos lehet a program azon része, amikor egérrel módosítanak valamit az elrendezésen, mire lágy, hullámzó mozdulatokkal a többi rész is átrendezi magát.
-
hcl
titán
-
Mert nincs képzelőerőd.
Próbáld ki és meglátod, milyen szép csillag-os hálózatot rajzol, a csillagok az IP c-mekhez tartozó domain nevek, azok vannak összekötve vonalakkal, és az egészet szimmetrikusan elrendezi a képernyőn. Akkor látványos, amikor már száz felett vannak az IP címek és keresztbe-kasul vannak összekötések, szépen, lassan "kicsomózza" őket és kiteríti a képernyőre, mint egy subaszőnyeget. Ráadásul az egészet lágyan, harmonikusan, finom mozdulatokkal, mintha szellő fújdogálna a réten.
-
ALFA
senior tag
Hát ezt: "This is an add-on for Firefox that helps to visualize sites that may be tracking you around the internet.", nehezen tudom elképzelni mint egy desktop alkalmazás.
Mert nincs képzelőerőd.
Próbáld ki és meglátod, milyen szép csillag-os hálózatot rajzol, a csillagok az IP c-mekhez tartozó domain nevek, azok vannak összekötve vonalakkal, és az egészet szimmetrikusan elrendezi a képernyőn. Akkor látványos, amikor már száz felett vannak az IP címek és keresztbe-kasul vannak összekötések, szépen, lassan "kicsomózza" őket és kiteríti a képernyőre, mint egy subaszőnyeget. Ráadásul az egészet lágyan, harmonikusan, finom mozdulatokkal, mintha szellő fújdogálna a réten.
-
PumpkinSeed
addikt
Ja, bocs, nem láttalak, akkor írom a részleteket.
Az első bekezdés csak tájékoztató jellegű, hogy képben legyetek, majd utána jelzem, mi az ötletem lényege.Eredetileg egy magyar származású egyetemista fejlesztett egy progit bizonyítandó, hogy a webes böngészések során lehet követni, ki merre járt és Collision révén Firefox böngészőhöz add-on lett belőle.
Ennek révén hamarosan fejes lett belőle és megbízott egy művészeti egyetemista csoportot valamilyen alapítványi támogatás révén, hogy csináljanak a programjához vizuális megjelenítést.
Nagy siker lett Lightbean add-on néven.
(Azután a srác egy másik nagy cég vezetője lett, amit pár év alatt sikeresen tönkre tett. Akit érdekel Gary Kovacs néven wikipedian megtalálja a történetet.)A lényeg:
adott a Lightbean add-on, aminek minden része ingyenesen használható, és ami legalább két részből áll: az eredeti, böngésző által begyűjtött ip címek és a köztük lévő kapcsolatok rendszerezéséből, valamint a vizuális részből.Az ötletem az, hogyha le tudjátok választani a vizuális megjelenítőt és írni hozzá olyan adatbeviteli megoldást, amivel bárki megadhatja az általa ábrázolandó adatokat, akkor egy, az amerikaiaknál és briteknél nagyon népszerűvé vált Freemind-hoz hasonló programot lehetne csinálni. A buktató "csak" annyi, hogy annak már nem javascript fájlokból kell állnia, hanem portable programot kell belőle kreálni.
Hát ezt: "This is an add-on for Firefox that helps to visualize sites that may be tracking you around the internet.", nehezen tudom elképzelni mint egy desktop alkalmazás.
-
ALFA
senior tag
Githubon van fent?
-
ALFA
senior tag
Githubon van fent?
-
PumpkinSeed
addikt
-
hcl
titán
-
Sziasztok! Egy javascript kódban van egy JSON hívás. Ez egy php-t tölt be. Ennek a php-nek a kimenete kb: 200kb, és ezt a javascript kód másodpercenként hívja meg.
A probléma az, hogy a böngésző már 5 perc után olyan 1giga ramot használ, ha ez a weblap meg van nyitva. Teljesen belassul. Van erre valami megoldás? Előre is köszi. -
Sziasztok! Egy javascript kódban van egy JSON hívás. Ez egy php-t tölt be. Ennek a php-nek a kimenete kb: 200kb, és ezt a javascript kód másodpercenként hívja meg.
A probléma az, hogy a böngésző már 5 perc után olyan 1giga ramot használ, ha ez a weblap meg van nyitva. Teljesen belassul. Van erre valami megoldás? Előre is köszi. -
Sziasztok! Egy javascript kódban van egy JSON hívás. Ez egy php-t tölt be. Ennek a php-nek a kimenete kb: 200kb, és ezt a javascript kód másodpercenként hívja meg.
A probléma az, hogy a böngésző már 5 perc után olyan 1giga ramot használ, ha ez a weblap meg van nyitva. Teljesen belassul. Van erre valami megoldás? Előre is köszi. -
PumpkinSeed
addikt
Ja igen, még annyit azért leírnék, ha megengeditek, hogy egyáltalán miért volt ez a problémám és miért nem máshogy próbáltam megoldani. Azért kellett streamet használni, mert igazán nagy fájlokat is képesnek kell lenni feldolgozni, igazán nagy file alatt 1,2 gigabájtos csv-t értek több millió sorral. Na most egy általános fájl feltöltésnél ez nem jön elő mert ritkán kell ilyen nagy fájlt feltölteni/feldolgozni. Ott ugy működik, hogy feltöltöd backendre, ott van memóriában az egész fájl (/tmp/akarmi) aztán csinálsz vele amit akarsz. Csakhogy, ez egy backend workerben fog futni ami jó eséllyel egy heroku dyno-t jelent production-ben ahol limitált a memória és/vagy nagyon drága ha több memória kell ezért egész egyszerűen nem fér bele a fájl a memóriába ezért kell stremelve beolvasni és streamelve kiírni az adatbázisba.
Ezt azért írom le, hogy ha esetleg más is találkozik ilyen kihívással akkor ez egy lehetséges megoldása a dolognak, nem mondom hogy a legjobb, vagy, hogy jó, csak, hogy egy
-
Ha esetleg valakit érdekel, megoldottam a problémát pár napnyi keresés után
Link a megoldáshoz (github)Ja igen, még annyit azért leírnék, ha megengeditek, hogy egyáltalán miért volt ez a problémám és miért nem máshogy próbáltam megoldani. Azért kellett streamet használni, mert igazán nagy fájlokat is képesnek kell lenni feldolgozni, igazán nagy file alatt 1,2 gigabájtos csv-t értek több millió sorral. Na most egy általános fájl feltöltésnél ez nem jön elő mert ritkán kell ilyen nagy fájlt feltölteni/feldolgozni. Ott ugy működik, hogy feltöltöd backendre, ott van memóriában az egész fájl (/tmp/akarmi) aztán csinálsz vele amit akarsz. Csakhogy, ez egy backend workerben fog futni ami jó eséllyel egy heroku dyno-t jelent production-ben ahol limitált a memória és/vagy nagyon drága ha több memória kell ezért egész egyszerűen nem fér bele a fájl a memóriába ezért kell stremelve beolvasni és streamelve kiírni az adatbázisba.
Ezt azért írom le, hogy ha esetleg más is találkozik ilyen kihívással akkor ez egy lehetséges megoldása a dolognak, nem mondom hogy a legjobb, vagy, hogy jó, csak, hogy egy
-
Beállok én is a sorba egy kérdéssel. Hogyan lehet egy nodejs streamet megállítani majd ujraindítani ha nekem az első chunk olvasásánál egy async operationt kéne csinálnom amit a többi chunknak be kéne várnia?
Ha esetleg valakit érdekel, megoldottam a problémát pár napnyi keresés után
Link a megoldáshoz (github) -
PumpkinSeed
addikt
Nem nem aws lambdába lesz de köze van az AWS-hez
Amugy itt egy pontosabb leírás a problémámról ha érdekel: https://github.com/brianc/node-pg-copy-streams/issues/63
-
Jim-Y
veterán
Nem tudom igazából, hogy a js memória foglalása hogy működik de így mivel a chunk csak függvény scope-n jön létre így talán nem lesz tele. De őszintén megmondva fogalmam sincs.
var fs = require('fs');
var readableStream = fs.createReadStream('file.txt');
readableStream.on('data', function(chunk) {
handler(chunk);
});
// Optional
readableStream.on('end', function() {
console.log("finish");
});Amúgy AWS Lambda-ba lesz?
Nem nem aws lambdába lesz de köze van az AWS-hez
Amugy itt egy pontosabb leírás a problémámról ha érdekel: https://github.com/brianc/node-pg-copy-streams/issues/63
-
PumpkinSeed
addikt
Itt ezzel a példával csak az a baj, hogy végül az egész fájl a memóriában van majd a végén flusholja. Ettől függetlenül köszönöm a tippet de nekem sajnos nem erre van szükségem bár épp valami hasonlóval próbálkozom magam is.
Nem tudom igazából, hogy a js memória foglalása hogy működik de így mivel a chunk csak függvény scope-n jön létre így talán nem lesz tele. De őszintén megmondva fogalmam sincs.
var fs = require('fs');
var readableStream = fs.createReadStream('file.txt');
readableStream.on('data', function(chunk) {
handler(chunk);
});
// Optional
readableStream.on('end', function() {
console.log("finish");
});Amúgy AWS Lambda-ba lesz?
-
Jim-Y
veterán
Értem, viszont ezzel a pipe-al az a baj, hogy azért lett létrehozva, hogy úgy kezeld le a folyamat, hogy mindent ő csinál meg, szóval anélkül, hogy te menedzseled a folyamatot. Viszont ha valami ilyesmit használsz akkor minden chunk esetén te kezeled le, hogy mi történjen vele.
var fs = require('fs');
var readableStream = fs.createReadStream('file.txt');
var data = '';
var chunk;
readableStream.on('readable', function() {
while ((chunk=readableStream.read()) != null) {
data += chunk;
}
});
readableStream.on('end', function() {
console.log(data)
});Lehet, hogy ez nem pont az amit te keresel.
-
PumpkinSeed
addikt
Szia,
Köszi a választ de szerintem félreértettél valamit vagy én nem foglalkoztam egyértelműen. Nekem valami ilyesmire lenne szükségem. Pseudo
this
.readFileAsStream()
.pipe(parser)
.pipe(
this.pause();
asyncFunction((err, data) => {
this.resume();
})
)
.pipe(stremToDb)Most az a bajom, hogy a fájl fejlécének kiolvasása után kéne csinálnom egy DB táblát majd belestreamelni a fájl tartalmát. A tábla létrehozása async művelet és nem tudok olyan pipe függvényt írni ami ezidőre felfüggesztené a futást :/
-
PumpkinSeed
addikt
-
PumpkinSeed
addikt
-
DNReNTi
őstag
Látszik, rég nem typescripeztem. Ha "elrontod" az importot, hibát dob?
-
fordfairlane
veterán
-
DNReNTi
őstag
-
fordfairlane
veterán
React, TS jediknek egy kerdes:
Build React component package with TypeScript to ES5 -
Az a lenyeg, hogy tobb kulonbozo alkalmazas keszul most React-tal, de vannak olyan komponensek (es servcie-ek) amelyek mindegyikben szerepelnek, es emiatt tok jo lenne kiemelni oket egy kulon repoba, amelyet aztan behuzunk a tobbibe mind dependency, tehat mindenhol elerhetoek lennenek. Magyarul ez nem egy alkalmazas hanem egy sajat package, standalone komponensekkel. Na ezt nem tudom ugy forditani TS-bol, hogy mukodjon a projektekkel. ES6-bol fasza.
Update:
Tovabbra is szar, ez a rohadt React szamomra egy atok.
Meg azt is utalom, aki szereti!
-
Sziasztok!
Egy scrapert faragnék Node-JS-ben, ami a filmezz.eu filmadatbázisát dolgozná fel.
Szeretném majd egy tömbökbe menteni Cheerio segítségével a linkelt oldalról kiparsolt filmcímeket, évszámokat stb., de egyelőre odáig sem jutottam, hogy az első film címét megkapjam... Hogy kéne e helyett megoldani? (a $ egy betöltött Cheerio konstans az oldal forrásával):
title = $('div.container', 'section#filmek.content_box', 'ul.row.list-unstyled.movie-list', 'li.col-md-2.col-sm-3.col-xs-6.no-cover-data'[0], 'a', 'div.cover-element.cover-info', 'span.title').text();Illetve van valami Cheerio nélküli megoldás is arra, hogy a needle-lel leszedett oldal HTMLjében 'ugráljak'? Arra már rájöttem, hogy objektumként is működik a response változó, de a classokat nem tudom hogy kéne neki megadni... Pl. ez rossznak tűnik:
container = response.body.div.container;Köszönöm!
Kis korrekció, mert rájöttem, hogy totálisan nagy hibát követtem el... A Cheerios megoldásom most valahogy így néz ki:
title = $("div.container > section#filmek.content_box > ul.row.list-unstyled.movie-list > li.col-md-2.col-sm-3.col-xs-6.no-cover-data:first > a > div.cover-element.cover-info > span.title").text();Viszont még ez sem működik...
Szerk.: Megvan!
title = $("div.container > #filmek > ul.row.list-unstyled.movie-list > li.col-md-2.col-sm-3.col-xs-6.no-cover-data > a > div.cover-element.cover-info > span.title").text();Viszont a Cheerio nélküli megoldásra még szintén nyitott vagyok!
-
Mr Dini
addikt
Sziasztok!
Egy scrapert faragnék Node-JS-ben, ami a filmezz.eu filmadatbázisát dolgozná fel.
Szeretném majd egy tömbökbe menteni Cheerio segítségével a linkelt oldalról kiparsolt filmcímeket, évszámokat stb., de egyelőre odáig sem jutottam, hogy az első film címét megkapjam... Hogy kéne e helyett megoldani? (a $ egy betöltött Cheerio konstans az oldal forrásával):
title = $('div.container', 'section#filmek.content_box', 'ul.row.list-unstyled.movie-list', 'li.col-md-2.col-sm-3.col-xs-6.no-cover-data'[0], 'a', 'div.cover-element.cover-info', 'span.title').text();Illetve van valami Cheerio nélküli megoldás is arra, hogy a needle-lel leszedett oldal HTMLjében 'ugráljak'? Arra már rájöttem, hogy objektumként is működik a response változó, de a classokat nem tudom hogy kéne neki megadni... Pl. ez rossznak tűnik:
container = response.body.div.container;Köszönöm!
-
Sziasztok!
Van valamilyen megoldás arrra, hogy egy google maps oldalról el lehessen tüntetni az api kódomat?
Ez a kód:<script async defer
src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMap">
</script>Nem lehet valahogyan PHP-ben átadni a google szervernek?
Vagy miért így találta ki a google? Nem baj, hogy bárki hozzáférhet a weblapról? -
Sziasztok!
Van valamilyen megoldás arrra, hogy egy google maps oldalról el lehessen tüntetni az api kódomat?
Ez a kód:<script async defer
src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMap">
</script>Nem lehet valahogyan PHP-ben átadni a google szervernek?
Vagy miért így találta ki a google? Nem baj, hogy bárki hozzáférhet a weblapról? -
Lehet rosszul fogalmaztam.
A gomb alatt <button></button>-t értek, amit ha megnyom valaki, akkor szeretnék összeállítani egy olyan keyboard eventet, amit ha ráerőszakolok a div-re, ctrl-v/beillesztésnként hat.
Viszont lehet rosszul rakom össze, vagy nem is lehet ilyet csinálni.
(Lehetségescsinálni ilyet? Mert pl ha az, akkor bárhova kattintva egy oldalon, megszerezve a vágólap tartalmát simán lenyúlható például egy bankszámlaszám, jelszó stb ha az rajta van a vágólapon..)Tehát nem billenyűlenyomásra akarok valamit csinálni.
-
Sziasztok!
Egykis segítséget szeretnék kérni.
Van egy div-em, amin ha focus van és megnyomom a ctrl+v bill. kombinációt (vagy egérrel jobb gomb beillesztés), akkor meghívódik egy függvény, beleteszi a vágólapon lévő képet, megjelníti.
Ezt szeretném megoldani úgy is, hogy gomb lenyomására történjen.
Arra gondoltam, hogy szimulálom a keyboard eventet erre a bizonyos div-re:<div class="paste-area-content"
#pasteDiv contenteditable="true"
(paste)="onPaste($event)"
(input)="unsupportedBrowserPaste()">
</div>
ami ennek hatására meghívná az onPaste függvényt...Megpróbáltam különböző módon ezeket az eventeket létrehozni. Elég sokminden deprecated ezzel kapcsolatban.
Az utolsó próbálkozás ez volt:var event = new KeyboardEvent('keypress', {
bubbles: true,
cancelable: true,
ctrlKey: true,
key : "v",
code : "86"
});
this.printedArticleImagePasteComponent.simulatePaste(event);Meghívja egy másik komponensben lévő fv-t ahol a div van, aminek elküldi az eventet:
public simulatePaste(event: KeyboardEvent) {
this.pasteDiv.nativeElement.dispatchEvent(event);
}És én erre várnám a varázslatot, de sajnos nem működik
Próbálkozott már valaki ilyesmivel?
Igazából angular2-vel ügyködök, úgyhogy olyan megoldás is és pure js is jó, teljesen mindegy.Az is jó megoldás lenne, ha a clipboardevent-et magamnak állítom össze a vágólapról? Lehetséges?
Köszönöm
Itt egy megoldás: [link]
-
Nojbee
tag
Sziasztok!
Egykis segítséget szeretnék kérni.
Van egy div-em, amin ha focus van és megnyomom a ctrl+v bill. kombinációt (vagy egérrel jobb gomb beillesztés), akkor meghívódik egy függvény, beleteszi a vágólapon lévő képet, megjelníti.
Ezt szeretném megoldani úgy is, hogy gomb lenyomására történjen.
Arra gondoltam, hogy szimulálom a keyboard eventet erre a bizonyos div-re:<div class="paste-area-content"
#pasteDiv contenteditable="true"
(paste)="onPaste($event)"
(input)="unsupportedBrowserPaste()">
</div>
ami ennek hatására meghívná az onPaste függvényt...Megpróbáltam különböző módon ezeket az eventeket létrehozni. Elég sokminden deprecated ezzel kapcsolatban.
Az utolsó próbálkozás ez volt:var event = new KeyboardEvent('keypress', {
bubbles: true,
cancelable: true,
ctrlKey: true,
key : "v",
code : "86"
});
this.printedArticleImagePasteComponent.simulatePaste(event);Meghívja egy másik komponensben lévő fv-t ahol a div van, aminek elküldi az eventet:
public simulatePaste(event: KeyboardEvent) {
this.pasteDiv.nativeElement.dispatchEvent(event);
}És én erre várnám a varázslatot, de sajnos nem működik
Próbálkozott már valaki ilyesmivel?
Igazából angular2-vel ügyködök, úgyhogy olyan megoldás is és pure js is jó, teljesen mindegy.Az is jó megoldás lenne, ha a clipboardevent-et magamnak állítom össze a vágólapról? Lehetséges?
Köszönöm
-
Sziasztok,
MobX-et hasznal valaki? Azzal szivok, hogy observable array-bol akarok kidobni egy elemet, ami ugye teljesen kezenfekvo lenne:
array.splice(index, 1);es jonapotkivanok. No most ez nem mukodik, nem igazan ertem mi miatt, de olyan mintha nem frissulne a state, mert ha kilogolom, akkor a kivant elemmel rovidebb tombot kapom, de a UI nem frissul, tehat az observer nem veszi eszre a valtozast a tombon. Tovabb furcsitja a helyzetet, hogy a.push(), vagy egy teljesen uj ures tomb hozzarendelese tokeletesen mukodik. Mit kurok el? Nem hiszem hogy ennek nem kellene mukodnie.Megvan. Siman bamba voltam, es az a kontener, aminek azt kellett volna lekezelnie ha a tomb megvaltozik (nem inicializal) az nem volt annotalva observer-nek... Istenem..
Meg mindig ruhellem a React-ot. -
Sziasztok,
A nyers JS-tel való ismerkedés céljából szeretnék egy SPA-t csinálni és tanácsot szeretnék kérni a következő eset megoldására.
Szóval van egy linkem, amire ha a felhasználó rákattint, akkor a login div-et láthatóvá teszi. Ezt az onclick eventre teszi meg. A probléma akkor van ha nincs engedélyezve a javascript.
Erre azt gondoltam, hogy a link alapértelmezetten a /login oldalra mutat. (Így ha nincs engedélyezve a JS, akkor a szerver tud statikus HTML oldalt generálni neki) Ha az oldal betöltött, akkor a JS-ből, minden <a> elemre hozzáadok egy onclick event-et. Az event handlerben pedig megvizsgálom, hogy mire mutatott a link, és az alapján módosítom az oldal megjelenését (és végül elnyelem az eventet, hogy ne menjen kérés a szerverhez.)
Ez mennyire "best-practice"? Van jobb megoldás arra, hogy ha engedélyezve van a JS, akkor mindent helyeben oldok meg, ha nincs akkor meg a server oldalon statikus HTML oldalban az alapfunkciókat nyújtom.
Válaszokat előre is köszönöm.
-
Sziasztok,
A nyers JS-tel való ismerkedés céljából szeretnék egy SPA-t csinálni és tanácsot szeretnék kérni a következő eset megoldására.
Szóval van egy linkem, amire ha a felhasználó rákattint, akkor a login div-et láthatóvá teszi. Ezt az onclick eventre teszi meg. A probléma akkor van ha nincs engedélyezve a javascript.
Erre azt gondoltam, hogy a link alapértelmezetten a /login oldalra mutat. (Így ha nincs engedélyezve a JS, akkor a szerver tud statikus HTML oldalt generálni neki) Ha az oldal betöltött, akkor a JS-ből, minden <a> elemre hozzáadok egy onclick event-et. Az event handlerben pedig megvizsgálom, hogy mire mutatott a link, és az alapján módosítom az oldal megjelenését (és végül elnyelem az eventet, hogy ne menjen kérés a szerverhez.)
Ez mennyire "best-practice"? Van jobb megoldás arra, hogy ha engedélyezve van a JS, akkor mindent helyeben oldok meg, ha nincs akkor meg a server oldalon statikus HTML oldalban az alapfunkciókat nyújtom.
Válaszokat előre is köszönöm.
-
Nem igazán foglalkoztam ilyennel, de nincs valami előre elkészített boilerplate hozzá? Mondjuk GitHubon, vagy a gyári CLI nem foglalkozott még ilyennel?
Meglett a megoldas, a react-router 4.0.0 tele van major change-kel, es amire nekem szuksegem lett volna az mar a react-router-dom package-be kerultek at, amihez meg nem talaltam typings-t, szoval downgradeltem, 3.x.x-re, igy perfekt... Erre elment egy nap.
-
fordfairlane
veterán
Gyors válasz és tökéletes megoldás! Nagyon hálás vagyok!
Hmmm, forEach, hogy ez nekem miért nem jut sosem eszembe...
Hmmm, forEach, hogy ez nekem miért nem jut sosem eszembe...
Ecmascript 5 óta van. Mondjuk 2009-ben lett belőle szabvány, szóval nem mai gyerek.
Egyidős a beépített JSON objektummal. -
Mr Dini
addikt
var titles = [];
json.collection.forEach(function(item) {
titles.push(item.track.title);
});
console.log(titles);Gyors válasz és tökéletes megoldás! Nagyon hálás vagyok!
Hmmm, forEach, hogy ez nekem miért nem jut sosem eszembe...
-
fordfairlane
veterán
Sziasztok!
Van egy zenei API, ami JSON responseokat küld, és ezt szeretném feldolgozni pure-JS segítségével (azaz JQuery stb. nélkül).
Odáig megvan a dolog, hogy a JSON.parse() fügvény segítségével kreálok egy json nevű objektumot, majd a következő módon ki is tudom nyerni az első dal címét:
songTitle = json.collection[0].track.title;
alert(songTitle);Viszont nekem arra lenne szükségem, hogy a címek egy tömbbe kerüljenek.
Ti hogyan oldanátok meg a dolgot?
Köszönöm a válaszokat!
-
Mr Dini
addikt
Sziasztok!
Van egy zenei API, ami JSON responseokat küld, és ezt szeretném feldolgozni pure-JS segítségével (azaz JQuery stb. nélkül).
Odáig megvan a dolog, hogy a JSON.parse() fügvény segítségével kreálok egy json nevű objektumot, majd a következő módon ki is tudom nyerni az első dal címét:
songTitle = json.collection[0].track.title;
alert(songTitle);Viszont nekem arra lenne szükségem, hogy a címek egy tömbbe kerüljenek.
Ti hogyan oldanátok meg a dolgot?
Köszönöm a válaszokat!
-
fordfairlane
veterán
A második nekem is. De az első nem, hiába az element-nek a documentet adtam meg.
Viszont van egy addeventlistenerem egy másik js fájlba, az nem érzékeli ezt a touchcancel-t csak azt amelyiket a browser indít el automatikusan.Ennél ti mit adtatok meg az element-nek?
var event; // The custom event that will be created
if (document.createEvent) {
event = document.createEvent("HTMLEvents");
event.initEvent("dataavailable", true, true);
} else {
event = document.createEventObject();
event.eventType = "dataavailable";
}
event.eventName = "dataavailable";
if (document.createEvent) {
element.dispatchEvent(event);
} else {
element.fireEvent("on" + event.eventType, event);
}Nekem erre nyomja a hibát, hogy az element nincs deklarálva, én a következőt adtam meg:
element = document.getElementsByTagName('body');
De erre meg azt írja, hogy a dispatchEvent nem egy függvény. -
Lacc
aktív tag
Chrome alatt működik, Firefox alatt nem.
-
fordfairlane
veterán
-
Sziasztok!
A 'touchcancel' javascript eseményt hogyan lehetne meghívni kódból?
Nem a hallgatására gondolok 'addEventListener' segítségével.
Azt tudom, hogy a böngésző képes meghívni automatikusan, de én manuálisan kódból hogyan tudnám? Próbáltam létrehozni Event objektumot és azon keresztül, de már olyan hibákat kaptam a múltkor, hogy úgy ítéltem meg ez lehetetlen. -
Lacc
aktív tag
Sziasztok!
A 'touchcancel' javascript eseményt hogyan lehetne meghívni kódból?
Nem a hallgatására gondolok 'addEventListener' segítségével.
Azt tudom, hogy a böngésző képes meghívni automatikusan, de én manuálisan kódból hogyan tudnám? Próbáltam létrehozni Event objektumot és azon keresztül, de már olyan hibákat kaptam a múltkor, hogy úgy ítéltem meg ez lehetetlen. -
Üdv! Úgy vettem észre szinte senki nem használ try/catch-et js-ben. Jól látom?
Az feltűnt hogy szinte az összes library kezeli valamilyen módon az errort, főleg callback függvényekben. Eddig nem volt rá szükségem, az elmúlt 24 órában viszont kétszer is találkoztam olyan esettel ahol máshogy nem tudtam megoldani a problémát. -
j0k3r!
őstag
Pont fel akartam tenni a kérdést, hogy mi a vélemény erről. De akkor vegyétek úgy, hogy megkérdeztem.
-
PumpkinSeed
addikt
-
Zedz
addikt
Ez az Inferno csodálatos, úgy hirdetik magukat, hogy minden react componentet nyugodtan használhatunk benne. Na hát át is írtam a kódot inferno-ra, 3 nap bug fix után feladtam és nyugtáztam, hogy ezt totálisan távol áll a React componenetek használatától. Biztos jó, ha új projektet húzol nulláról, de azt amit hirdet nem követi.
Amúgy mi terveztük a teljes platformunk leváltását React-re, de elég hamar be is fejeződött, ugyanis a SEO támogatás eléggé a nullán áll, tekintve, hogy nekünk elég unique oldalaink vannak ugyanis tele vannak termékekkel, szóval minden oldal unique url, ahol nem a query a lényeg, unique head, amit megint csak egy ocsmány megoldással lehet átírni minden oldalon. Szóval one-page alkalmazásoknak tökéletes a React, de már komplexebbnek annyira nem.
Sosem használta még, csak egyre több helyen jött fel a neve.
Reactban szerettem anno érdekességeket írni, amolyan "live ui" dolgokat. De szvsz SPA-hoz vannak jobb megoldások. -
PumpkinSeed
addikt
Nekem mondjuk az nem annyira tetszik, hogy alapvetően ahogy írták egy UI builderről van szó, aminek tényleg megfelel, majd azért kapott egy okádék mód kinéző routert, meg egy rakat apró dolgot még ezek mellé. Működik, meg tud szép lenni, de az NG2 már a tervezőasztaltól úgy készült, hogy akkor ez SPA-kat hivatott működtetni, a lehető legátláthatóbb módon. React szvsz azért vezető, mert ez volt az első és a hype is hatalmas volt körülötte. Szvsz a Vue is oda-vissza pofozza.
És igazából itt jön képbe a preferencia kérdése: az ng2 fogja az ember kezét, a react ezzel a sok mindennel annyira nem, kicsit több hackelésbe kerül.
Fun fact: mostanában kezd divat lenni ez is.
-
Ez a projekt tobb sebbol is verzik, de ezek nagy resze nem kod related, tehat az egesz hatranyos helyzetbol indul nalam, foleg, hogy szigoru deadline van, es nincs is lazan merve. Mivel ng2-vel mar tobben foglalkoztunk, illetve tobb projekt is fejlesztes alatt van benne, raadasul korabban sima angularjs-t hasznaltunk, esszeru lett volna azzal tovabbmenni. Ha masnem legalabb azert, hogy tartsuk a hataridot.
Most el fog menni bo egy het, mire egyaltalan ralatasunk lesz, hogy hogyan kezdjunk hozza, hogy a vegeredmeny ne csak mukodjon, hanem jo is legyen. No mindegy, meglatjuk mire haladunk, legrosszabb esetben bovul a CV-m par uj buzzword-del. Jovok majd meg szerintem noob kerdesekkel. Koszi!(#6497) PumpkinSeed
Koszi! Pont ezeket vettem meg, jelenleg az elso porog.Mondjuk így, ilyen háttérrel tényleg nem célszerű a reactba beleugrani
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
- Garanciális samsung galaxy watch 8 classic
- Samsung QVO 870 SSD (1 TB) 100/100%
- Új, bontatlan - Apple MacBook Air 13 M4 16/256GB - Sky Blue
- Új Dobozos ASUS VivoBook Go 15 Laptop 15,6" -20% Ryzen 5 7520U 16/512 Radeon Graphics FHD OLED
- Új HP ZBook Firefly 16 G10 Profi Tervező Vágó Laptop -50% i7-1355U 16/1TB FHD+ RTX A500 4GB
- GYÖNYÖRŰ iPhone 14 128GB Midnight-2 ÉV GARANCIA - Kártyafüggetlen, MS5307
- Lenovo ThinkPad T14s Gen 6 Ryzen AI 7 PRO 350W Radeon 860M 32 GB RAM 7500 MT/s 512 GB 3év gar
- GAMER PC! Ryzen 9600X / RX 9700 / 32GB DDR5 / Strix B650e-i / 1TB NVMe / 750W! BeszámítOK
- PlayStation 5 Slim (lemezes) + kontroller 6 hónap garancia, számlával!
- Playstation / Nintendo / Xbox konzolok Okosítása és Szervizelése - PS4 "okosító" lemez kapható!
Állásajánlatok
Cég: aiMotive Kft.
Város: Budapest
Cég: Laptopműhely Bt.
Város: Budapest