Hirdetés
-
LOGOUT.hu
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
hiperFizikus
aktív tag
válasz martonx #7600 üzenetére
"7595-öt sikerül-e értelmezni?"
Majd próbálkozok . Most a setInterval -val nagyon jól haladok, ezért addig amíg nem fog akadozni a setInterval, vele fogok rohanni előre . Most próbálom az ideális gázt egyszerűen modellezni canvas && setInterval -val . Biztosan hamar elérem a lahetőségeim határát .
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
sztanozs
veterán
válasz hiperFizikus #7601 üzenetére
A setInterval csak fallback-nek jó, ha nincs már más lehetőség. Ne legyél már ennyire a magad ellensége...
[ Szerkesztve ]
JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
sztanozs
veterán
válasz Tomi_78 #7603 üzenetére
Nem ez nagyjából
setInterval(17)
-tel egyenlő, de
- ha a szkripted futása több, mint 16 ms, akkor összetorlódnak az eseményeksetInterval
-nál, míg arequestAnimationFrame
throtlingol
- ha háttérben van a canvas, asetInterval
akkor is triggerel, míg arequestAnimationFrame
nem (nem eszi feleslegesen az erőforrásokat). Ezzel ellentétben a háttérben futósetInterval
szépen torlódik, és Ph-reklámokban is látható "rohanással" éri utol magát, amikor újra előtérbe kerül.
- arequestAnimationFrame
visszaad egyrequestID
-t, amivel könnyebb szüneteltetni az animációt, mint asetInterval
-lal.
- arequestAnimationFrame
-ben regisztrált callback megkapja az aktuális időt (ha van a callback függvénynek argumentuma), így nem kell a függvényben szenvedni az előállításávalJOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
K1nG HuNp
őstag
JWT-t tarolok httpOnly cookieban ami megoldotta minden authos gondom, eddig ahany frameworkot es libet hasznaltam authra ez a "kezzel" (jwt, bcrypt es ket sornyi setheader backenden) a legszebb. Egyetlen problemaba utkoztem, ami pedig a SSR next.js-el van, itt az oldal getInitialProps fvnye tolna egy apihivast de olyat amihez kellene az user is, az viszont httpOnly cookieban tarolodik es teljesen elerhetetlen barmilyen js kod szamara...
Mennyire gaz spinning loadereket hasznalni 2019ben? Marmint reszben ezert is hasznalok next.js-t hogy SSR mellett egy teljes oldalt szolgaltassak elso renderre is, de akkor most az authomat nagyon csunyan at kellene rakni sima cookieba + header tokenekbe, hogy user fuggo oldalakat is teljes egeszeben ki tudjak tolni elso renderen.
[ Szerkesztve ]
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
K1nG HuNp
őstag
válasz K1nG HuNp #7605 üzenetére
Ne hagyjatok le a node.js setHeader fv string alapu cookie setterebol a httpOnly utan a ;-t es akkor boldogok lesztek problem solved
Lehet megirom elso medium cikket, mert netet bongeszve sokan szptak ezzel, viszont ha ez a par dolog amire idokozben rajottem/leesett egy nagyon durvan clean code authot lehet csinalni, frontend kodban pontosan 0 sorral (se cookie savelgetes fn, se token kudozgetes, minden bongeszon kivul tortenik)
[ Szerkesztve ]
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
K1nG HuNp
őstag
[link] Egy brutal jo beszed a JAMstack jovojerol, a legszebb, hogy minden ami elhangzik mar ma is hasznalhato, production ready.
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
hiperFizikus
aktív tag
Kellemes karácsonyt mindenkinek .
Ezt így kell megadni:
<p><canvas id="idCanvas022" width="600" height="400" style="border:3px solid black;"></canvas></p>
Az érdekelne engem, hogy a JS-ben hogyan tudom egy értékadó utasítással megváltoztatni a keret színét black -ról red -re ?
Valami ...idCanvas022.style.border.solid = "red" ;
... ilyesmire gondoltam, de nem megy .Egyébbként két pici szimulációm fent van a neten, nektek nem nagy dolog; és 1 db 17 oldalas szimulációm készül a netre, ez má komolyabb lesz, ehez kellene .
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
cSuwwi
aktív tag
válasz hiperFizikus #7611 üzenetére
Pl.: document.getElementById vagy document.querySelector
Ha csak a szin van, akkor:
document.getElementById('idCanvas022').style.borderColor = "red";
Ugyanez querySelectorral:
document.querySelector('#idCanvas022').style.borderColor = "red";
Ha tobb dolog valtozik, akkor sima border-be mehet az ertek:
document.getElementById('idCanvas022').style.border = "3px dashed blue";
-
cSuwwi
aktív tag
válasz hiperFizikus #7613 üzenetére
borderWidth amit keresel, ha csak magaban kell
A w3school oldalan megtalalod a tobbit is (a bal oldali menuben) [link]
-
btz
addikt
Üdv!
Egy popupot szeretnék megoldani, ami kattintásra megnyílik, a benne lévő gombbal bezáródik, illetve azt szeretném, hogyha mellé kattintok, akkor is záródjon be, de ha magára a popupra (a popup területére), akkor ne történjen semmi (ne záródjon be)
Odáig jutottam, hogy a popup szinte csak CSS alapon működik. Piros területen van egy link, arra ha rákattintok, akkor megnyílik a popup div (zöld színnel). A bezárást úgy oldottam meg, hogy a szülő divnek (piros színnel) adtam egy ilyen értéket, hogy:
<div id="parent" onclick="location.href='#';">
Ezzel az a gond, hogy a popup területén is érvényesíti magát.[A kód és a működés itt tekinthető meg]
Próbáltam azt is hogy a children divnek
onclick="return false;"
vagyonclick="location.href='#children';"
értéket adok , de akkor is a parent divben megadottonclick="location.href='#';"
érvényesül, azaz "bezáródik" div.Ötletek esetleg?
[ Szerkesztve ]
ⓑⓣⓩ
-
btz
addikt
Közben megtaláltam a kellő működésű popupot, ráadásul teljesen CSS, nem kell Javascriptes dolgokat sem használni hozzá
Azért még érdekel, hogy JavaScript alapon hogyan lehetne kivitelezni.ⓑⓣⓩ
-
RedHarlow
aktív tag
Sziasztok,
A segítségeteket szeretném kérni abban, hogy kattintásra cserélődjön az évszám az oldal linkjenek URL-jében. Addig eljutottam, hogy minden kattintásra hozzáadja pluszba azt az évet amire kattintok de nekem arra lenne szükségem, hogy ugye cserélje csak.
Tehát esetleges folyamatos kattintások esetén is ez helyett:
rock.php/?year=2019?year=2020?year=2019?year=2020a kettő közül valamelyik legye:
rock.php/?year=2019
rock.php/?year=2020Előre is nagyon szépen köszönöm a segítséget és tanácsokat ha esetleg túlbonyolítottam.
<div id="box">
<p align="center" class="title">DATE <span id="2019" class="clicks" style="color: #e2007a;">2019</span> - <span id="2020" class="clicks" style="color: #8a8a8a;">2020</p></p>
<a href="rock.php">LINK</p>
<a href="rock2.php">LINK</p>
<a href="rock3.php">LINK</p>
</div>
<script type="text/javascript">
var links = document.getElementsByTagName('a');
function toggleBold(el) {
var siblings = document.getElementsByClassName('clicks');
for (var i = 0, len = siblings.length; i<len; i++){
if (siblings[i] == el){
el.style.color = el.style.color = '#e2007a';
var year = siblings[i].id;
for(var i = 0; i< links.length; i++){
links[i].href = links[i].href + "?year=" + year;
}
}
else {
siblings[i].style.color = '#8a8a8a';
}
}
}
var paragraphs = document.getElementsByClassName('clicks');
for (var i = 0, len = paragraphs.length; i<len; i++){
paragraphs[i].onclick = function(){
toggleBold(this);
};
}
</script>
-
cattus
őstag
válasz RedHarlow #7617 üzenetére
Csinálsz a '?year=<évszám>'-ra egy regexet. Ha már tartalmazza a link, akkor kicseréled, ha nem, akkor hozáfűzöd.
const regex = /\?year=\d{4}/
if (links[i].href.match(regex)) {
links[i].href = links[i].href.replace(regex, `?year=${year}`)
} else {
links[i].href = `${links[i].href}?year=${year}`;
}Do the thing!
-
hiperFizikus
aktív tag
A canvas-szal jól haladok, ott tartok, hogy megúntam már a pontonkénti, vonalankénti, foltonknti piszmogást, és helyete képeket szertnék megjelentetni a canvas tagon . Az első 8 db képecskéből álló képsorazatom lejátszása sikeres volt, vannak kb. terveim is a folytattására .
De abba a problémába ütköztem, hogy ha az egyik képet félig fedősen rámásolom a másikra, akkor az egyik kép háttere kitakar a másik képből . Hátha van valami utasítás, amivel a hátteret átlátszóvá lehet tettetni . Melyik ez ? Sok gondtól szabadítanátok meg vele, ugyanis többek között { sereghajtóként } a Rubik-kockát { és a rokonságát } szeretném síkba levetítve megjelentetni a canvas-omban, de ehez épen az kellene, jól jönne, ha az elemi képkockák hátterét átlátszóvá varázsolhatnám egy utasítással, mert semmi kedvem pixelekre lemászva rajzolgatni mindent miata .[ Szerkesztve ]
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
sztanozs
veterán
válasz hiperFizikus #7619 üzenetére
Használj olyan képet, ami alapból támogatja az átlátszóságot (gif, png), a jpg képek nem ilyenek.
JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
hiperFizikus
aktív tag
válasz sztanozs #7620 üzenetére
Én a .bmp -nél vagyok leragadva .
Ez teljes mértékben az én maradiságom hibája, és még idő zavarban is vagyok, mert a canvas kinyitott egy ajtót előttem, jó későn, és egyszerre akarnák mindent megcsinálni, az sem veszi el a kedvem, hogy egyre világosabb előttem, hogy csak sereghajtó lehetek a grafikus-programozó kortársak között .
Vannak ingyenes png gif rajzolók, szerkesztők ?
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
martonx
veterán
-
sztanozs
veterán
válasz hiperFizikus #7621 üzenetére
bmp támogatja, csak nem rgb, hanem arbg színteret kell használni (és legalább egy paint-NET-et, nem sima windows paint-et).
Ja és amúgy a full tömörítetlen bmp-nél bármi jobb...[ Szerkesztve ]
JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
K1nG HuNp
őstag
monorepoban 5 ora alatt lehozni egy landing paget es qr kodot beleptetorendszert elegge meno meg mindig imadom a jst.
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
instantwater
addikt
válasz K1nG HuNp #7624 üzenetére
Lerna.js-el manageled a monorepot?
Miért használsz monorepot?Én olyan előnyeit látom, mint a könnyebb kódmegosztás, egy helyen lehet az összes Docker buildelő CI/CD pipelinet kezelni, nem kell minden repóban hozzáadni valamit, ha új lépést akarunk beszúrni.
Milyen beléptető?
Saját adatbázisos vagy valami OAuth szolgáltatást (pl Google) használsz?[ Szerkesztve ]
-
Tomi_78
tag
Sziasztok újra!
Készítettem nemrég egy kis JS-es játékocskát, és amikor futtattam egy másik gépen, ráadásul Edge böngészőben Chrome helyett, szomorúan tapasztaltam, hogy az ékezetes betűket nem jelenítette meg. Ez miért van? A programhoz kell csomagolni a fontot (betűkészletet)? Ezt hogyan kell csinálni?
-
K1nG HuNp
őstag
válasz instantwater #7625 üzenetére
zeit / now -ot hasznalok amivel literalisan egy /api mappat kell letrehoznod es mehetnek is bele a lambda functionok js/go nyelven
belepesre auth0, db mongodb de most akarok ranezni a faunadbre
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
K1nG HuNp
őstag
válasz instantwater #7630 üzenetére
gyulolom a vendor lock-int meg azt ha azzal hogy X ceg cuccait hasznalom csak ahhoz fogok erteni es semmi mashoz..
zeitnel viszont az osszes projekt oss, ok maguk is ezzel irnak mindent es a legtobb cuccuk csak wrapper (sot mind..)
next.js -> bleeding edge react nehany logikus standarddal amik segitenek h ne lodd labon magad, (meg SSR.... )
now -> aws lambda elabsztrahalva, de csak annyira h sose kelljen megnyitnod az aws oldalat, ettol fuggetlenul a kod migralhato lenne fuggvenyenkent 2 perc munkaval awsre.
magaert beszel szerintem hogy irom a react kodot, pusholom githubra, deployolodik, lefutnak az api es a puppeteer tesztek es ehhez egy sor setup/ci/cd-t sem kell irnom
[ Szerkesztve ]
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
Tomi_78
tag
válasz instantwater #7627 üzenetére
-
Tomi_78
tag
válasz instantwater #7634 üzenetére
Mármint írjam be a kód elejére, hogy:
<meta charset="utf-8" />
és állítsam át a Notepad++-t ilyen kódolásúra?
-
hiperFizikus
aktív tag
Részben véletlenül találtam egy ígéretes linket:
https://www.w3schools.com/graphics/default.asp
... ugye jó helyen tapogatózok ? A baloldali menüsáv az érdekes .
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
hiperFizikus
aktív tag
Képeket töltök be fájból a canvasra, be is tölti, de van rajta egy csavar:
1. amikor lenyomom a start56 gombot, akkor nem tölti be a képet, hanem a háttérben láthatatlanul csinál valamit, mintha előkészítené .
2. amikor újra lenyomom a start56 gombot, akkor bejön a kép .
3. ha ezután újraindítom, akkor bejön a kép .
4. ha bezárom és megnyitom, akkor kezdődik előlről a móka, nem tölti be a képet elsőre .
Gondolom, hogy az én hibám; mi specialitás hiányzik a kódomból ?
<html>
<body>
<button id="idStart56" onclick="start56()">start56</button>
<canvas id="idCanvas56" width="200" height="200" style="border:10px solid lime;" ></canvas>
<script>
function start56(){
var canDim56 = document.getElementById("idCanvas56") ;
var kg1.canDim56 = getContext("2d") ;
var Img1 = new Image() ;
Img1.src = "link.bmp" ;
kg1.drawImage(Img1,0,0) ;
kg1.stroke ;
};
</script>
<body>
</html>
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
instantwater
addikt
válasz hiperFizikus #7638 üzenetére
A kg1 et és a canDimet kevered a második sorban.
A candim56 tól tudnál kérni 2d contextet. A kg1 nem tudjuk micsoda.BMP 2020-ban weben?
[ Szerkesztve ]
-
hiperFizikus
aktív tag
válasz instantwater #7639 üzenetére
igazad van, elírás, mert a kódban rendesen van, és izélt :
var kg1 = canDim56.getContext("2d") ;
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
instantwater
addikt
válasz hiperFizikus #7640 üzenetére
kg1.stroke az egy függvény.
Javasolnám, hogy rakd be ezt valami online kódmegosztóba, úgy könnyebb lenne debuggolni.
Codesandbox, jsfiddle, és társai
[ Szerkesztve ]
-
hiperFizikus
aktív tag
Ebben nem hiba van, hanem valami hiányosság .
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
sztanozs
veterán
válasz instantwater #7641 üzenetére
VB-ből jött, ott nem kell () a fv végére, ha szubritinként van hívva (eldobjuk a visszatérési értéket)...
hiperFizikus - ha nem működik úgy, ahogy szeretnéd, akkor hiba van benne. akárhogy is csűröd-csavarod.
[ Szerkesztve ]
JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
instantwater
addikt
válasz hiperFizikus #7642 üzenetére
Ugye sima Jegyzettömbben írod syntax highlight nélkül?
Erősen javaslom a Visual Studio Code használatát, plusz linter plugineket.
Majd ezekután legalább GitHub Gistbe vagy valami codesandboxba, jsfiddlebe töltsd fel a kérdéses kódot.Célszerű lenne a consolet is megnyitni a Chrome Developer Toolsban, mert valószínűleg kapod az errorokat amik segíthetnek rájönni a hiba okára.
JavaScriptben szivesen segítünk, de gondolatolvasók még nem vagyunk.
-
nevemfel
senior tag
válasz hiperFizikus #7638 üzenetére
A drawImage-t akkor hívd meg, amikor az Img1 betöltődött.
var Img1 = new Image();
Img1.addEventListener("load", function() {
kg1.drawImage(Img1, 0, 0);
});
Img1.src = "link.bmp";
Rally against apathy draws small crowd
-
Arcanus
aktív tag
Sziasztok!
Egy node js-ben fejlesztett alkalmazás szeretnék írni, csakis backend részt fog tartalmazni (frontend külön projektben van). Tapasztalatból Java nyelv említhető meg, jelenlegis ez a specialitásom. Mivel a node js az új, ezért kicsit nehéz lesz az elején, de a minél több a kihívás annál jobb.
Szóval backend-re két lehetőség jön szóba: JavaScript és TypeScript. Ezeken kívül egy framework-re is szükség van, és ezt nem tudom eldönteni, hogy mi legyen. Rengeteget találtam, ajánlottak is sokat, de eddig nem sikerült döntést hozni. (ilyenekre gondolok: Grunt, Gulp, Babilon, Webpack, NestJS)
Az alkalmazás komplex lesz, tartalmazni fog jónéhány kontrollert, kapcsolódik adatbázishoz, szeretnék metrikát gyűjteni a későbbiekben illetve a logokat is tárolnám valamerre. Emiatt is nehéz kiválasztanom a megfelelő framework-öt.
Új hozzászólás Aktív témák
Hirdetés
- Amazon Fire TV Stick 4K Max
- Bemutatkozott a Samsung Galaxy M55s
- Abarth, Alfa Romeo, Fiat, Lancia topik
- Spórolós topik
- Asszociációs játék. :)
- Ford topik
- Házimozi haladó szinten
- Kerékpárosok, bringások ide!
- Samsung Galaxy S22 Ultra - na, kinél van toll?
- "A homoszexualitás természetellenes" 😠
- További aktív témák...
Állásajánlatok
Cég: Ozeki Kft
Város: Debrecen
Cég: Ozeki Kft
Város: Debrecen