- hdanesz: Hyundai Ioniq 28 kWh 2018 2. felvonás
- sziku69: Fűzzük össze a szavakat :)
- Argos: Szeretem az ecetfát
- Elektromos rásegítésű kerékpárok
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Luck Dragon: Asszociációs játék. :)
- Fire/SOUL/CD: INGYENES Clone és Backup-Restore alkalmazások tesztje [2024]
- NASsoljunk: ZyXEL NSA-310 és az FFP
- Szevam: „Rendszerleállás” – egy AI képzeletbeli halál utáni élménye
- sziku69: Szólánc.
-
LOGOUT
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
-
Jim-Y
veterán
Lejárt:
Ezekről kéne tudni, hogy mit jelentenek
ES5 Array methods
Closure
Events / Event handling
bind
Callback
Error first style
Callback hell
Promises / Deferreds
IIFE
editorconfig, jshint, strict mode
js unit testing, jasmine, karma
== vs ===
automatic type coercion
typeof, {}.prototype.toString
prototypal inheritance, mixin inheritance
apply, call vagy ES6 -> restparams, spread op.
passing a function object as a reference to another function -> event handlers
ajax
localStorage, sessionStorage
devTools
data-bindingCsak ismerni:
frameworks (Angular, Ember, Backbone, React+Flux, Meteor)
isomorphism -
Jim-Y
veterán
válasz
topjoyy
#6096
üzenetére
A w3schools még nemrégiben az egyik lehető legrosszabb tanulási forrásnak számított -> http://www.w3fools.com/. Ha tanulni szeretnél megannyi forrásból választhatsz,
Kezdésnek ezt olvasd el: http://shamansir.github.io/JavaScript-Garden/en/
Majd ezt: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript?redirectlocale=en-US&redirectslug=JavaScript%2FA_re-introduction_to_JavaScript
Ha ezen túl vagy akkor meg: http://javascriptissexy.com/how-to-learn-javascript-properly/Ha követed itt amiket minden héten ajánl: codecademy meg hasonlók akkor egy nagyon átfogó tudást szerezhetsz Javascriptből.
HTML + DOM: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction
CSS: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started
-
topjoyy
tag
"- Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt."
Valójában én a w3schools-ról tanulok, de ha azt mondod, hogy elavult az a módszer, akkor megnéznék más oldalt is.
"Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni."
Mit kell tudnom a DOM-ról?
-
Jim-Y
veterán
válasz
topjoyy
#6092
üzenetére
Szia, ez így több sebből is vérzik. Kezdem az elejéről.
- Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt.
- ne innerHTML-el szúrd be az elemeket, hanem csinálj mindegyiknek egy container-t így később egyszerűbb lesz stílusokkal ellátni őket
Csináltam egy példát és adtam commenteket is. Lehet sokkal töb kódból lett megoldva a probléma de legalább nem deprecated technikákat használ: https://jsfiddle.net/fwuyLec8/
Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni.
-
topjoyy
tag
válasz
sztanozs
#6093
üzenetére
Így gondoltad? Ez se akar működni.
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<p>The push method appends a new element to an array.</p>
<button onclick="myFunction()">Lemon</button>
<span id="demo"></span>
<script>
var b = ["Banana"];
var o = ["Orange"];
var m = ["Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.push("Lemon")
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html> -
topjoyy
tag
Milyen megoldás van arra, hogy, ha rákattintok egy gombra, akkor az a tömbön belül más stílust adjon? Ebben a példában szeretném, ha az új "Lemon" szó ne feketével, hanem mondjuk pirossal jelenjen meg. Hozzáadtam a
fruits.style.color = "red";, de nem működik.Előre is köszönöm!
<!DOCTYPE html>
<html>
<body>
<p>The push method appends a new element to an array.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.push("Lemon")
fruits.style.color = "red";
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html> -
#6090
Mr Dini
addikt
Sk8erPeter
#6089
válasz
Sk8erPeter
#6089
üzenetére
Megy! Köszi!A regex ilyen szinten még nem volt meg, de máris pótolom ezt a hiányosságom! Megvan a mai olvasnivaló.
-
#6089
Sk8erPeter
nagyúr
Mr Dini
#6087
Sk8erPeter
nagyúr
válasz
Mr Dini
#6087
üzenetére
A smiley kivágására szolgáló reguláris kifejezés így nem jó, túl megengedő, és érthető, hogy kivágja a többi részt is. Le kell szűkítened olyan módon, hogy ténylegesen csak a smiley-kra illeszkedjen, és konkrétan azt a részt szedd ki, ami neked kell, tehát ami az
altattribútumnál meg van adva.Itt van egy példa a smiley-kra szolgáló képre:
<img src="/dl/s/d1.gif" alt=":D">Ebből neked értelemszerűen az
altattribútum értékének megadott:Dkell, idáig Te is eljutottál.Itt egy példa egy jól működő replace-re:
var emoticonImg = '<img src="/dl/s/d1.gif" alt=":D">';
var emoticonText = emoticonImg.replace(/<img src="\/dl\/s\/[^"]+\.gif" alt="([^"]+)">/, "$1");
console.log(emoticonText); // output: :DEzt a reguláris kifejezést persze el kell látnod a megfelelő flagekkel, hogy jól működjön, itt leszűkítettem a lényegre.
Szerk.: a reguláris kifejezésben szereplő
[^"]+azt jelenti, hogy itt egy vagy több olyan karakternek kell szerepelnie, amely nem egyezik az idézőjellel ("). -
válasz
martonx
#6086
üzenetére
Hát igen, vannak benne Taskeres részek is. Ezért sem lenne sok értelme jsfiddle-re feltenni, mert úgyse tud lefutni. Szóval inkább feltettem pastebinre, de ha kell felteszem a fiddlere is.
A változók nevében ne keressetek logikát, hajnalban írtam, szóval nem volt fantáziám agyalni a neveken.
Néhány Tasker specifikus rész értelmezése:
readFile - ahogy a neve is mutatja, ki tud olvasni egy fájlt, amit li lehet menteni változóba
global & setGlobal - a Tasker is tud tárolni változókat, ez azért jó, mert a kód lefutása után is megmaradnak. Illetve ezeket tudom használni más Taskeres projektekben is. A global('változó neve') kiovassa a változó neve változót, míg a setGlobal('változó neve', 'érték') pedig berakja a változónak az értéket/másik változót
convert(változó, "htmlToText") - átalakítja a változóban a html formát, szövegre. Tehát a tageket lecsippenti. Sajnos a hangulatjeleket is, ezért kéne előtte feldolgozni a hangulatjeleket szöveggé.
flash(változó) & flashLong('érték') - kiírja egy androidos Toastba az adott értéket/változót. Hasznos pl debuggolásnál.
És a probléma:
A kódnak azt kéne csinálnia, hogy a Tasker/temp/file.html-ben található utolsó hsz-t és szerzőjét vágja ki. Majd a hangulatjeleket alakítsa át szövegesre, végül pedig alakítsa át szöveges formátumba (tehát a html tagek tűnjenek el) és ha van [ Szerkesztve ] a hsz végén, akkor azt is szedje le. Ez mind megy is szépen, ha a hsz tényleg csak hangulatjeleket tartalmaz. Ha van benne más kép is, akkor a hangulatjel és a kép közti részt kivágja. Ez logikus is, de nekem csak a hangulatjel tagjeit kéne kicserélnem. Van erre valami mód, ahelyett, hogy egyenként lereplace-lem az összes létező hangulatjelet, vagy a mostani "megoldás" helyett?
-
-
válasz
#68216320
#6083
üzenetére
Üdv!
Szeretném, ha kapnék egy értesítést a mobilomra, ha új hszek érkeznek egy adott ph topikba, illetve szeretném ezt egy változóban tárolni, hogy pl widgetbe beágyazható legyen. Ehhez Taskert és egy hányaveti JS kódot fabrikáltam, foggal körömmel.
Ki is tudja írni az utolsó hsz-t, viszont a hangulatjelekkel picit gondban vagyok. Mert htmlben szedem le az oldalt, tehát egy szmájli így néz ki '<img src="/dl/s/.*"/ >'. Természetesen a .* helyén az url, egy üres alt="" és maga a hangulatjel nyersen (pl :)) is megtalálható. Namost, nekem az kéne, hogy ha hangulatjel van a hszben, akkor hagyja meg a nyers formáját, de más képeket ne tüntessen el.
Próbáltam replace-szel, de az ha pl van egy hangulatjel és egy kép a szövegben, akkor a köztes részt is lecsippenti.
Hogy tudnám megoldani?
Köszi!
Ui.: arra gondoltam, hogy search-csel rákeresek az első találatra (n = res.search(/<img src="\/dl\/s\/.*/g);
fn = res.length;
cutres = res.slice(n, fn);
n2 = cutres.search(/ \/>/g+n);) és kivágom valahogy a változóból az n-től n2-ig tartó részt, de erre nem találtam parancsot.Ja és sajnos jQuery-t nem tudok használni, csak sima js-t. A tasker elvileg támogatja, de valamiért nem megy...
-
-
#68216320
törölt tag
Urak, segítség kellene, mivel JS-ben nagyon-nagyon zöldfülű vagyok.
Megpróbáltam a problémát amennyire tudtam leegyszerűsíteni.
Mivel rövid, nem tettem fel pastebin-re.A main.php tartalmaz egy <div> tagot, amibe szeretnék ajax-al 1-1 linkre kattintva megfelelő tartalmat visszaírni egy background.php segítségével.
Ezek a visszaírt tartalmak szintén linkeket tartalmaznak, amik dinamikusan generálódnak, amikre kattintva újabb ajax hívás történne a háttérben.A problémám az, hogy nem tudom hogyan kellene ezeknek a dinamikusan létrehozott, egyedi id-val rendelkező linkeknek a kattintás eseménykezelését megoldani.
Ebben szeretném a segítségeteket kérni.
Egyelőre az első linket kiválasztva szerettem volna a visszaírt linket használni és egy alert()-et megjeleníteni, de itt már elakadtam.main.php
<html lang="hu-HU">
<head>
<meta charset="utf-8" />
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<link href="style.css" rel="stylesheet" />
<script src="jquery-3.0.0.min.js"></script>
<script src="myjquery.js"></script>
</head>
<body>
<div id="box1">Ide jön(nek) a választott termék(ek)</div>
<div id="box2">
<a href="" id="link1">termék1</a>
<a href="" id="link2">termék2</a>
</div>
</body>
</htmal>background.php
<?php
if( $_GET['id'] == 'link1')
echo 'termék 1<a href="" id="t1">töröl</a>';
elseif( $_GET['id'] == 'link2') {
echo 'termék 2 komponens<a href="" id="t2_1">töröl</a>';
echo '<br />';
echo 'termék 2 komponens<a href="" id="t2_2">töröl</a>';
}
?>myjquery.js
$( document ).ready(function() {
$('#box2 a').on("click", function (e) {
e.preventDefault();
currentId = $(this).attr('id');
$.ajax({url: "background.php?id="+currentId, success: function(result){
$("#box1").html(result);
}});
});
$('#t2').on("click", function (e) {
alert("KATT!");
});
}); -
tick
aktív tag
Csak egy dummy. De a valós projectben sem sokkal durvább. Még csak barátkozom az angularral, a directive részét csak összeollóztam. Nagyon szívesen fogadok bármi javaslatot
Lényegében egy nagy táblázaton dolgozom ami egy api-ból húz ki adatokat. (ng-repeat) Illetve 3 oszlopot lehet is szerkeszteni (ng-model, contenteditable) Majd a végén el is lehet menteni.
Eddig igazából működik is a dolog, az egyik oszlopra próbálok még jquery autocomplete-et varázsolni, jsfiddle-ben működik, élesben nem akar semmit csinálni és errort sem dob
Feltételezem az autocomplete és a directive ütik egymást az eventekkel -
Jim-Y
veterán
Igen, sajnos a tömb és objektum duplikálásra nincsenek szép megoldások. A stringify + parse módszer amit mutattál akkor lehet problémás ha körkörös hivatkozás van a struktúrában, az angular.copy lassú és a elemenkénti másolással dolgozik (asszem). ES6-ban van Object.assign, vagy ott a spread operator, de az meg talán csak 1 mélységig működik. Tömbök másolására ott a .slice(), de az pedig ha a tömb elemei objektumok,mint a te esetedben is, akkor azokat nem másolja le hanem csak a referenciát másolja át. Nem egyszerű na, de hát minden nyelvben vannak kevésbé jó dolgok, így javascriptben is
Amúgy ennek a "problémának" amivel most találkoztál semmi köze a javascripthez a legtöbb nyelv így működik, hogy vannak primitív érték szerinti tipusok és a referencia tipusok. Nincs ez máshogy JS-ben sem, ennyi
-
tick
aktív tag
mind.blown.
Nem tudom hogy lehetséges hogy ennyi idő után még csak most találkoztam ezzel. De tetszik hogy folyamatosan új és új dolgokkal tud meglepni ez a nyelv.angular.copy($scope.arr)szépen teszi a dolgát, köszönöm!JSON.parse(JSON.stringify($scope.arr))szintén egy megoldás, bár kevésbé szép -
tick
aktív tag
Üdv!
Angulart használva ha két scope változónak ugyanazt az értéket adom egy változón keresztül:
$scope.data = result;
$scope.original = result;Akkor a kető miért lesz "összekötve"? $scope.data-t változtatva változik a $scope.original is. Illetve hogy tudom kiküszöbölni?
A cél az lenne hogy megtaláljam mi lett változtatva az egyes sorokba, de a data és az original tömbbök megegyeznek így minden esetben.
JSFiddle link -
Karma
félisten
válasz
#68216320
#6070
üzenetére
Welcome to 2010
A feladat egyszerre könnyű és szerteágazó.
Könnyű, mert alapvetően három lépésből áll a folyamat:
1) a törzsadatok kiajánlása egy JSON API-n, hogy JavaScripttel le tudd őket kérni a megjelenítéshez.
2) JS oldalon összeállítasz egy komplett modellt a konfigurált gépről, illetve megírod a validációkat ehhez a modellhez. Az 1. pontban jövő adatokból a felhasználó kattingatása alapján kitöltögeted a mezőket.
3) Mikor minden zöld, a modell adatait JSON-né konvertálod, és egy AJAX POST hívással átadod a PHP-nak feldolgozásra. (Természetesen ott is validálni kell.)Szerteágazó, mert meg lehet csinálni akár vanilla JS-sel is, jQuery-vel feltuningolt de még mindig lábbalhajtós JS-sel is, meg használhatsz valamilyen frameworköt is hozzá (a JS objektumok->HTML bindingra nagyon sok megoldás van, és szerintem megérné bevetni valamelyiket).
Példának meg a shopping cart egy remek keresőszó, a középső variánsra találtam is egy egész érdekes példát, de javaslom a Google további simogatását.
-
#68216320
törölt tag
Sziasztok. Segítséget szeretnék kérni abban, hogy egy eddig PHP-val megoldott termékösszerakót JS-el tudjak megcsinálni.
Az eredet probléma leírása itt található, ide most nem másolnám be.
Gyakorlatilag az volna a feladat, hogy oldaltöltés nélkül több elemből tudjak egy "gyűjtőbe" pakolni párat, miközben folyamatosan ellenörzöm, hogy mindegyik típusból van-e már benne. Ha igen, ezeket kattintásra át kéne adnom egy PHP-nak. Illetve természetesen az összegyűjtött termékeket ki is tudjam venni a gyűjteményből. Amolyan webshop-szerű kosárba/kosárból megoldás szerintem ez is.
Mivel még nem csináltam ilyesmit JS-ben, a szintem nagyon alacsony, ha esetleg volna olyan forráskód, amiből szemezgethetnék és egy alap működő modellt készíthetnék, annak nagyon örülnék. Köszönöm.
Eddig úgy tűnik megúsztam a feladatokat JS nélkül, de most már nem tudom kikerülni -
#6068
Sk8erPeter
nagyúr
fordfairlane
#6066
Sk8erPeter
nagyúr
válasz
fordfairlane
#6066
üzenetére
Ez sztem elég egyértelmű.
-
#6067
DNReNTi
őstag
fordfairlane
#6066
DNReNTi
őstag
válasz
fordfairlane
#6066
üzenetére
Persze, de minden viccnek van alapja.
-
#6065
DNReNTi
őstag
Sk8erPeter
#6064
DNReNTi
őstag
válasz
Sk8erPeter
#6064
üzenetére
Ezt most loptam Facebokrol. Pont kapcsolodik a temahoz.
-
#6064
Sk8erPeter
nagyúr
DNReNTi
#6041
Sk8erPeter
nagyúr
válasz
DNReNTi
#6041
üzenetére
Azért szerintem jelenleg még igen nagy túlzás, hogy a jQuery felett "eljárt a kor".
Egyszerűen még nem tartunk ott, bármennyire is menő lenne, a jQuery-nek az egyik lényege továbbra is megmaradt, vagyis röviden leírni mindazt, amit amúgy hosszabban, de amúgy tényleg megoldhatsz plain JavaScripttel. (A másik lényege persze a cross-browserség megteremtése, de most ettől tekintsünk el, mert nem érdekes a téma szempontjából.) Szerintem igaza van fordfairlane-nek akkor, amikor azt állítja, hogy ezen vacogni felesleges premature optimization. Ahogy haladunk előre, a középkategóriás (vagy akár még az olcsóbb) okostelók is egyre komolyabban vehető processzorokkal vannak felszerelve, úgyhogy szerintem kezd csökkenni a súlya annak is, hogy mobilon mennyire érezhető a jQuery-nélküliség (vagy sem).
Az általad linkelt oldal egy-két példája is mutatja, hogy azért kódszépség tekintetében vannak még mindig bőven különbségek egy rövidebb, beszédesebb kód és egy szószátyárabb, de menőbb (hiszen plain JS) kód között. Meg ott a ZeptoJS és társai, amik az alapvető funkcionalitást tartalmazzák, az is megfontolható lehet, ha a jQuery súlya fájdalmas.
Pont nemrég került elő, hogy korábban írtam saját célokra egy böngészőbővítményt, aminek annak idején az összes kódját plain JS-ben pötyögtem, mert nagyon menőnek éreztem akkor, hogy így minden sallangtól mentes lesz, de 1-2 hete némi agypihentetésnek egy részét átírtam inkább jQuery-re, mert egyszerűen zavart, hogy mindent olyan szószátyár módon kell leírnom. A kód karbantartását is nehézkesebbnek találtam, pedig nincs gondom a JS ismeretével ilyen szinten.
martonx foglalta össze röviden, hogy nyelvi szinten lenne elvárható némi rövidítés és funkcionalitás-bővítés, mert remek, hogy jönnek az új nyelvi feature-ök, de amíg frontenden legalábbis (!) így is library-re szorul az ember a szebb, tömörebb kód érdekében, addig nem okoz akkora felhőtlen örömöt, hogy ezeket is kézhez kapjuk. -
Karma
félisten
válasz
martonx
#6062
üzenetére
Így van. Ha iframe-ben lenne az új tartalom, akkor is csak abban az esetben manipulálhatná a külső JS, ha ugyanarról a domainról jön.
vakondka: A te kezedben van a másik oldal? Ha igen, akkor URL-ben átpasszolhatnád az értéket, a céloldal meg kitöltheti onnan az értéket.
-
vakondka
őstag
Sziasztok, szeretnék megnyitni js-ből egy új ablakot (ez megy) és ott kitölteni egy input mezőt.
Így próbálkoztam, mi lehet a gond?
<html>
<head>
<script type="text/javascript">
testwindow = window.open("http://www.biocomnetwork.ch/hu/regisztracio?op=1", "mywindow");
testwindow.document.getElementById("regszamval").setAttribute('value','130280');
</script>
</head>
<body>
</body>
</html>Előre is köszi
-
Zedz
addikt
válasz
martonx
#6058
üzenetére
"és szemmel láthatóan az újabb irány kerekedett felül a régin."
Igen, ezzel teljesen egyet tudok érteni, hogy a régóta használt kvázi egyedüli frontendes programozási nyelvből már egy teljesen más irányt vett az egész JS dolog. Bár a backend és nodejs tényleg szépen lassan egyre nagyobb teret nyer, de az új irány szerintem inkább a minél nagyobb, robosztusabb alkalmazások készítese JS alapokon, és ez lehet web frontenden, desktopon, mobilokon (konkrétan vastag kliens készítés JS-ben), és lehet a már említett backend is. Az ehhez tartozó komplexitáshoz szerintem szükség van/lehet olyan dolgokra, amik segíthetik a fejlesztők munkáját. Ez persze nem mindenkinek tetszik, nem mindenki ért egyet ezzel az iránnyal, de egyik programozási nyelv sem mondhatja el magáról, hogy mindig mindenki 100%-ig meg van elégedve vele.
-
#6059
fordfairlane
veterán
martonx
#6058
fordfairlane
veterán
válasz
martonx
#6058
üzenetére
Nem tudom, hogy kliens- vagy szerveoldali-e ez a dolog, de ezt a béna arrow szintaktikát felesleges túlzásnak tartom csupán arra, hogy a this-t másképp kezelje. Az, hogy meg lehet vele takarítani pár karakter begépelését a function() {}-hoz képest, az nekem nem szempont.
-
martonx
veterán
Hú micsoda flame-et indítottam el a js kritikámmal
Szerintem egyébként két irány van jelenleg js fejlesztésben, és szemmel láthatóan az újabb irány kerekedett felül a régin. Azaz js-el eddig jellemzően frontenden fejlesztett az ember egyszerűbb, kisebb cuccokat. Az új irány pedig a js backenden használata akár nodejs-el, akár cross-platform app-ok írásával.
Fordfairlane és én nehezményezzük, hogy frontend vonalon kb. semmit nem javult a js, amivel jobban kézre állna, mint mondjuk 2 évvel ezelőtt. Viszont Zedznek is igaza van a nyelv tagadhatatlanul fejlődik, csak éppen backend felhasználási irányba. Ha frontend felől nézzük kb. éppen leszarósak az osztályok, generátorok, ellenben hány éve várja az ember, hogy ne kelljen kiírni, hogy document.getElementById("akármi"), hanem csak kb. $("#akármi"). Vagy ne 4 sort kelljen írni egy minimalista ajax-os get híváshoz.
Nyilván változik a világ, és a nyelvek próbálják lekövetni az új trendeket.
-
#6057
Zedz
addikt
fordfairlane
#6055
Zedz
addikt
válasz
fordfairlane
#6055
üzenetére
A kérdésre még mindig nem tudsz válaszolni.
-
#6056
Karma
félisten
fordfairlane
#6054
Karma
félisten
válasz
fordfairlane
#6054
üzenetére
Nem hiszem, hogy ez lenne a feleslegesség mércéje.
(#6055): A this megőrzése például egy elég fontos különbség. A régi JS-hez képest lehet "nyelvidegen", de rengeteg más nyelvben több éve van hasonló konstrukció.
-
#6053
Zedz
addikt
fordfairlane
#6051
Zedz
addikt
válasz
fordfairlane
#6051
üzenetére
Minek fejlesztik egyáltalán a nyelvet?
Nem tudom más hogy van vele, de nekem kényelmesebb mindkét megoldás a mostani helyett, gyorsabban tudok haladni vele, és átláthatóbb a kód. Hangsúlyozom, hogy mindez egyéni meglátás, és ha még rajtam kívűl így gondolják páran, akkor már megérhette megcsinálni.
Nyilván vannak hibái a nyelvnek, nem tökéletes, de ez kicsit a "kákán a csomót" effekt. De nem válaszoltál, hogy milyen fejlesztéseket várnál? Az egyszerűbb XHR kezelést már említettük.
-
#6052
Karma
félisten
fordfairlane
#6051
Karma
félisten
válasz
fordfairlane
#6051
üzenetére
Ez még érvényes kritika is lehet (bár szerintem az arrow hasznosabb a kettőből, hogy a nyelv közeledjen a nagyokhoz); de mi köze a generátoroknak mindehhez? Az azért messze túlmutat az egyszerű szintatikai csinosításon.
-
#6050
Zedz
addikt
fordfairlane
#6049
Zedz
addikt
válasz
fordfairlane
#6049
üzenetére
Arrow functionnel mi a baj?
Class egy sima syntax sugar... milyen fejlesztéseket vártál volna? -
#6048
Zedz
addikt
fordfairlane
#6046
Zedz
addikt
válasz
fordfairlane
#6046
üzenetére
Mire gondolsz, ami felesleges?
-
#6045
DNReNTi
őstag
fordfairlane
#6043
DNReNTi
őstag
válasz
fordfairlane
#6043
üzenetére
De minek huzzam be ha felesleges? Ez nem optimalizalasi kerdes, hanem, hogy megprobalok e modern eszkozokkel elorefele haladni, vagy 'jovanazugy' hozzaallassal megallok az idoben. De ha ez premature, hat legyen.
-
#6044
Zedz
addikt
fordfairlane
#6043
Zedz
addikt
válasz
fordfairlane
#6043
üzenetére
Főleg ha CDN-ről jön, akkor optimális esetben már be is van cachelve és onnan használja a böngésző. Abban viszont egyetértek a kollégákkal, hogy ideje lenne már alapvető dolgot szabványba foglalni, mint mondjuk az egyszerűbb XHR kezelést. Bár mire az ES2015 teljes implementálása is megtörténik a mostani böngészőkbe, mi már lehet nyugdíjasok leszünk.
-
-
martonx
veterán
Ha itt összehasonlítod a bal és a jobb oldalt. Értem én, hogy mostanra már class-okat is lehet js-ben létrehozni - 2016-ban hűha, de én már évek óta várom, hogy a jquery kikophasson végre a fenébe, és legalább ezeket a nulladik szintű funkcionalitásokat tudja maga a nyelv mindenféle boilerplate kód nélkül.
-
Nem akartam Ajax-szal bonyolítani. Bár lehet az lesz.
A fix időzítés meg nem jó, mert az akkor is fut, ha nem nézi senki az oldalt, az meg felesleges.Most paraszt módon egy iframe-ban van a php rész, azt frissítgeti a js, amikor nézi valaki az oldalt. Csak elég nehéz volt bármilyen szinten is formázni...
Mondjuk nem szépségversenyre lesz, de jobb lett volna egyszerűbben összegányolni. -
Karma
félisten
Egyiknek sincs sok értelme igazából. Használj crontabot/feladatütemezőt és hívogasd azzal a PHP kódodat (pl. curllel). Mondjuk ha meg mindenáron JS-ből (böngészőből*?!) akarod hajtani a témát, akkor is használhatsz AJAX-ot.
*: Feltételeztem, hogy nem Node.js-ről van szó, mert akkor nem kérdeztél volna ilyet szerintem. De javíts ki, ha tévedek.
-
Ööööööööö
Ez elég durván ágyúval lenne verébre...Nincs rá szükségem, mert amúgy most meg van oldva, csak elég paraszt módon, és sokkal jobb is lenne, ha szépen ketyegne a javascriptes interval-om, ami végrehajtaná a php dolgokat.
A másik lehetőség közvetlen shell script hívása lenne js-ből, ami megint nem egyszerű :S Vagy csak nem találtam.
-
Hello,
Hülye kérdés. JS-ből tudok egyszerű módon php scriptet futtatni?
Van egy időzítésem, amibe jó lenne beágyazni egy php kódot, így egyszerűbb lenne a dolgom. Natúr Javascript, elég is ennyi amúgy, Jquery kb. felesleges lenne. -
Zedz
addikt
Sziasztok, megint én.
Belefutottam egy ilyen hibába, miszerint ha egy property értékét szeretném lekérni egy olyan functionnel, amit egy event hív meg (esetünkben egy onClick), akkor a this nem működik. Gondolom más contextbe kerül ez a function és a this nem az osztályra hivatkozik, de kérdés, hogy akkor hogyan érjem el a propertym?
-
Zedz
addikt
Na, lényeg a lényeg ott van a hiba hogy a num nevű változót próbálod behívni a modulból holott lel-ként exportáltad.
Közben javítottam mert már próbáltam mindent, de nem ez a baj.
Igazából most kicsit megkavartál ezzel a prod és dev móddal, nem igazán értem, hogy miért ne kellene bundling dev módban?Lehet én gondoltam túl ezt a Babel modulok dolgot, az a kép élt bennem, hogy mindent elintéz a Babel, de a példa kódodban pl ilyeneket használsz: jspm_packages.
-
Jim-Y
veterán
Üdv,
Szerintem browserify nem kell mert a systemjs azt production módban megoldja. Nem vagyok nagy szakija ennek a systemjs-nek, de itt nem arról van szó, hogy development "módban" olyan mint a RequireJS (AMD) tehát nem kell bundling, production-ben pedig olyan mint egy browserify/webpack. Persze ha node-os packagek kellenek ahhoz kell bundling.
Na, lényeg a lényeg ott van a hiba hogy a num nevű változót próbálod behívni a modulból holott lel-ként exportáltad. Különbség van az "export default" és az export között. Példa program
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
System.import('app/app.js')
</script>
</body>
</html>app.js
import nameItAsYouLike from './module';
import { otherStuff } from './module2';
console.log(nameItAsYouLike);
console.log(otherStuff);module.js
const stuff = 42;
export default stuff;module2.js
export const otherStuff = 43;
üdv
-
Zedz
addikt
Hali!
Szükségem lenne egy kis segítségre, mert már kezdek belekavarodni az egészbe Babel 6-ba.
Egyik kedvenc fícsöröm nekem ez a modulokra bontás, de most ez az egész meg lett kavarva a 6-os verzióban, és nem tudom mi tévő legyek.Felraktam a SystemJS plugint, és írtam egy pofon egyszerű kódot:
module.js:
export var lel = 42;
app.js:
import {num} from './module.js';
console.log(num);Aztán a böngésző ezt írja: Uncaught ReferenceError: System is not defined
Kis olvasgatás után rájöttem, hogy hohó, ezt bizony össze is kellene csomagolni, mert én naív azt hittem ez a háttérben megtörténik, ezért leszedtem a browserifyt, babelifyt, majd írtam egy gulp fájlt rá.
var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
gulp.task('build', function () {
return browserify({entries: 'src/app.js', extensions: ['.js'], debug: true})
.transform('babelify', {
presets: ['es2015'],
plugins: ['transform-es2015-modules-systemjs']
})
.bundle()
.pipe(source('app.js'))
.pipe(gulp.dest('dist'));
});
gulp.task('q', function () {
gulp.watch('src/app.js', ['build']);
});A probléma viszont még mindig jelen van, és nem tudom mit hagyhattam ki. Esetleg valaki tud ebben segíteni?
-
syC
addikt
Nem, tényleg nem erre gondotam, de köszönöm az építőjellegűt.
(#6016) martonx: nem kell semmi komolyra gondolni, sima window.trigger('resize') dologról van szó és retinás gépen nem történik semmi. Adalék: a jquery ősrégi 1.4.3-mas (sajnos ez adott, így is noconflictolunk), lehet ez zavar be. Mindegy végülis, csak kicsit furcsa ez a hiba.
-
-
martonx
veterán
válasz
olbaidhun
#6008
üzenetére
Szia, ha már megszólítottál tisztázzunk pár dolgot.
1. még mindig nem érdekel a téma
2. az olvasók száma semmit nem jelent. Lusta vagyok kipróbálni, de hiszem, hogy kb. bármilyen címmel, írással simán el lehet érni a 6000+ olvasót.
3. a legfontosabb, hogy sokan nagyon-nagyon félreértik ezt az open-source, meg közösség ereje dolgot. Attól, hogy valami ingyenes, és a kódja szabadon módosítható, és a közösség csinál vele ezt azt, az nem azt jelenti, hogy akkor bárki ráugrik bármi problémára ami a felhasználókat bántja, pusztán azért mert a szaktudása meg van hozzá. Lehet, hogy valaki ért a villanyszereléshez, de attól még nem fog ingyen, este munka után elugrani XY ismerőshöz villanyt szerelni, mert egyébként hallotta, hogy elég sokan örülnének neki, ha végre lenne áram XY-éknál, akikről nem tudja kik azok, és igaziból nem is érdeklik. Ennyi erővel villanyt szerelhetne minden este szinte mindenkinél.
A dolgok nem így működnek. Ugyanakkor, ha mondjuk a gyereke kórházba kerülne, és valami kisebb villanyszerelési munkán múlna, hogy ellássák, akkor egyik este zokszó nélkül nekiállna és megcsinálná. No, ilyen az open-source közösség ereje is. Valaki elkezd áldozatosan csinálni valamit, amihez az értő felhasználók szintén hozzá tesznek valamicskét, és egyébként meg jófejségből (tőlünk nyugatabbra kő keményen adakoznak ezekért az ingyenes progikért cserébe az emberek) megengedik, hogy bárki használhassa, aki szeretné.Én ettől még szurkolok azért nektek, hogy előkerüljön végre az első movian felhasználó magyar programozó, és végre kijavítsa a plugint.
Apróbb javítások mert a választ sértőnek érezte akinek szól.
[ Módosította: philoxenia ]
-
olbaidhun
őstag
válasz
martonx
#5832
üzenetére
Sziasztok!
(#5803) w.miki fórumtárs kérdésével és (#5811) Sk8erPeter válaszával kapcsolatban én is szeretném megkérdezni! Tudna segíteni valaki a magyar repok pluginjait foltozni és / vagy újra írni?
(#5832) martonx
"Azért mert megjelent az első felhasználója itthon a movian-nak, vagy minek (bevallom arra se vettem a fáradtságot, hogy utána nézzek, hogy mi is ez![;]](//cdn.rios.hu/dl/s/v1.gif)
)"
Ha gondolod olvasd el a MOViAN Bemutatót, 6000+ olvasója van és szépen alakul a szavazás is.üdv
Csaba -
Zedz
addikt
válasz
martonx
#6005
üzenetére
Igen, én is valami ilyesmire tudok gondolni. Csak kicsit overconfigolva érzem a dolgot. Már az új babel is képes érdekes dolgokra a konfigurációk terén, ahhoz képest amikor megláttam az angular2-höz szükséges dolgokat, csak pislogtam.
Sajnálatomra a natív js-es doksi még elég vérszegény, a komplexebb tutorial el sem érhető benne.
Illetve az ES2015-höz képest nem is tudom mi mást tud még nyújtani a TS. Maximum a "típusosságot", de a többi azt hiszem már megvalósult az új szabványban, nem?
(#6004) DNReNTi: a lehetőség régóta megvolt, csak most jutott eszembe, hogy jéé kellene már valami
-
martonx
veterán
Egyébként én is ezt látom, hogy nagyon nyomják mindenhol a TS-t, de igaziból pont ha már az ember egy normálisabb MVVM megközelítést használ, elég felesleges a plusz TS-es körök belevitele a történetbe.
Ugyanakkor el tudok egy olyan kód komplexitást képzelni, ahol megfordul a dolog, és a több száz osztály, több tízezer sorjánál hirtelen megéri az a pici plusz fáradtság, hogy már a kód írása közben kiderüljön, ha valami típus eltérés bibi lesz valahol. -
martonx
veterán
Megy! Köszi!
helyett g)+n;-nek kéne lennie.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
)"Új hozzászólás Aktív témák
Hirdetés
- Dell Latitude 7410 Strapabíró Ütésálló Profi Ultrabook 14" -80% i7-10610U 16/512 FHD
- Szép! HP EliteBook 850 G8 Fémházas Multimédiás Laptop 15,6" -65% i7-1185G7 32/512 Iris Xe FHD Magyar
- HP EliteBook 850 G8 Fémházas Multimédiás Laptop 15,6" -65% i7-1185G7 8/512 Iris Xe FHD Magyar
- 512 Gb-os NVME-k
- Eladó autós gyerekülések, Römer és Peg-Pérego márkák
- Lenovo S10-2 Intel Atom retró csajszis netbook eladó
- AKCIÓ! Lenovo Legion Slim 5 16AHP9 notebook - R7 8845HS 16GB RAM 512GB SSD RTX 4060 8GB Win11
- Huawei P20 Lite 64GB, Kártyafüggetlen, 1 Év Garanciával
- BESZÁMÍTÁS! MSI SUPRIM X RTX 4080 16GB videokártya garanciával hibátlan működéssel
- BenQ PD-2700-U Monitor - Designer 4K 27"
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged