DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Ik bedoel, dat de selectie van elementen op tags en ID sneller zijn in vanilla is niet zo raar. Maar dat fadeout voorbeeldje gaat dan niet zozeer meer om snelheid lijkt me... juist voor dat soort 'complexere' dingen zijn frameworks fijn imho.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Dus niet 'fuck frameworks' maar 'fuck de developers die zonder na te denken een framework pakken'.quote:Op maandag 28 april 2014 09:29 schreef n8n het volgende:
[..]
wordt zonder na te denken een lib gepakt van 100kb, soms alleen om een formulier te valideren. Is het niet zo dat veel net als bij css veel van de syntax al browser compatibele is. Css frameworks zijn helemaal verschrikkelijk, laadt honderden kb's aan de lelijkste troep in die je dwingt van je html troep te maken en je website gijzelt lelijke code te blijven gebruiken. Bah
dat moet k nog ff inlezen ja, gebruik het nu alleen om gulp te draaienquote:
“Specialization is for insects”.—Robert Heinlein
touche maar alsnog. Die developers zie ik vaak niet, alleen de troep die ze achterlatenquote:Op maandag 28 april 2014 09:48 schreef Scorpie het volgende:
[..]
Dus niet 'fuck frameworks' maar 'fuck de developers die zonder na te denken een framework pakken'.
“Specialization is for insects”.—Robert Heinlein
Sowieso is performance niet het hoogste doel in software ontwikkeling. Maar bedoelen we hier nou dingen als jQuery? Dat is toch helemaal geen framework?quote:Op maandag 28 april 2014 09:44 schreef Sitethief het volgende:
Ik bedoel, dat de selectie van elementen op tags en ID sneller zijn in vanilla is niet zo raar. Maar dat fadeout voorbeeldje gaat dan niet zozeer meer om snelheid lijkt me... juist voor dat soort 'complexere' dingen zijn frameworks fijn imho.
Als ik 2 functies nodig heb die ik zonder na te denken in jquery uit mijn mouw kan schudden pak ik gewoon jquery hoor, fuck moeilijk doen als het makkelijk kan.
Als je een bekend CDN gebruikt valt dat inladen ook wel mee.
Als je een bekend CDN gebruikt valt dat inladen ook wel mee.
De projecten waar ik aan werk hebben over het algemeen dusdanig veel javascript nodig dat jQuery sowieso uit kan.
En daarbij zijn dat 9 van de 10 keer webapplicaties die op desktops worden gebruikt. Dus die 95kb maakt dan ook niet uit.
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
En daarbij zijn dat 9 van de 10 keer webapplicaties die op desktops worden gebruikt. Dus die 95kb maakt dan ook niet uit.
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Volgens de Nederlandse Wikipedia wel, de Engelse vind dat het een library isquote:Op maandag 28 april 2014 09:57 schreef Tijn het volgende:
[..]
Sowieso is performance niet het hoogste doel in software ontwikkeling. Maar bedoelen we hier nou dingen als jQuery? Dat is toch helemaal geen framework?
.Zelf zeggen ze:
MooTools daarentegen:quote:jQuery is a fast, small, and feature-rich JavaScript library.
Terwijl het verschil nou weer niet zo heel groot is.quote:MooTools is a compact, modular, Object-Oriented JavaScript framework
Wat is eigenlijk het verschil tussen een Library en een Framework?
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Ik zou zeggen dat een framework de structuur van je project voorschrijft, terwijl een library niet meer is dan een set functies die je in elke projectstructuur kunt gebruiken.quote:
[..]
Wat is eigenlijk het verschil tussen een Library en een Framework?
Ik heb jQuery UI serieus nog nooit gebruikt.quote:Op maandag 28 april 2014 10:01 schreef Catch22- het volgende:
De projecten waar ik aan werk hebben over het algemeen dusdanig veel javascript nodig dat jQuery sowieso uit kan.
En daarbij zijn dat 9 van de 10 keer webapplicaties die op desktops worden gebruikt. Dus die 95kb maakt dan ook niet uit.
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik vond het wel handig. Maar het was hoofdzakelijk de datepicker die ik gebruikte eigenlijk.quote:
[..]
Ik heb jQuery UI serieus nog nooit gebruikt.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik heb jQuery UI altijd al een verschrikkelijk project gevonden. Echt niks dan lompheid.quote:
jQuery ui gebruik ik trouwens bijna nooit meer. Bootstrap vind ik toch fijner
met websites is snelheid een van de belangrijkste punten.quote:
[..]
Sowieso is performance niet het hoogste doel in software ontwikkeling. Maar bedoelen we hier nou dingen als jQuery? Dat is toch helemaal geen framework?
“Specialization is for insects”.—Robert Heinlein
Het is wel wat log. Maar er zaten genoeg functies in die ik nodig had in mijn applicaties.quote:Op maandag 28 april 2014 10:08 schreef Tijn het volgende:
[..]
Ik heb jQuery UI altijd al een verschrikkelijk project gevonden. Echt niks dan lompheid.
In websites heb je het inderdaad zelden nodig.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Je moet je altijd bewust blijven van de performance, maar om je nou in allerlei bochten te wringen om het includen van 30K aan code te vermijden gaat mij wat te ver.quote:
[..]
met websites is snelheid een van de belangrijkste punten.
dat is waar maar daarom leek mij die component.io wel interessant omdat het eigenlijk alleen maar functies zijn die je (met node?) samenvoegt waardoor je wel alleen gebruikt wat je nodig hebt. Als zulke componenten getest zijn en je roept alleen aan wat nodig is ben je in principe net zo snel klaar of zie ik het nu verkeerd?quote:Op maandag 28 april 2014 10:12 schreef Tijn het volgende:
[..]
Je moet je altijd bewust blijven van de performance, maar om je nou in allerlei bochten te wringen om het includen van 30K aan code te vermijden gaat mij wat te ver.
“Specialization is for insects”.—Robert Heinlein
Conceptueel niet, qua performance wellicht wel omdat de functies kleiner (en sneller) zijnquote:
Maar dat is conceptueel niet heel anders dan een paar jQuery plugins gebruiken, toch?
“Specialization is for insects”.—Robert Heinlein
Dat ligt maar net aan welke plugins je gebruikt.quote:
[..]
Conceptueel niet, qua performance wellicht wel omdat de functies kleiner (en sneller) zijn
Ok dat is waar, is niet allemaal (library-)dependency free wat ik dacht.quote:
[..]
Dat ligt maar net aan welke plugins je gebruikt.
“Specialization is for insects”.—Robert Heinlein
ik ben wat aan het testen en heb de volgende CSS:
op Chrome werkt dit goed.
op IE10 krijg ik geen ronde hoeken, terwijl IE10 wel border-radius ondersteund (als ik de voorbeeld pagina van w3schools erbij pak werkt het wel goed)
doe ik wat verkeerd, zie ik b.v. iets over het hoofd? of moet dit gewoon werken?
| 1 2 3 4 5 6 7 8 | div{ margin-left: 10px; margin-right: 10px; padding-left: 10px; background-color: #F50004; border:2px solid; border-radius:7px; } |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="index.css" /> </head> <body> <div> <form action=""> <select> <option> </option> <option>optie 1</option> </select> </form> </div> </body> </html> |
op Chrome werkt dit goed.
op IE10 krijg ik geen ronde hoeken, terwijl IE10 wel border-radius ondersteund (als ik de voorbeeld pagina van w3schools erbij pak werkt het wel goed)
doe ik wat verkeerd, zie ik b.v. iets over het hoofd? of moet dit gewoon werken?
Als een keer naar http://www.cssmatic.com/border-radius gekeken.quote:
ik ben wat aan het testen en heb de volgende CSS:
[ code verwijderd ]
[ code verwijderd ]
op Chrome werkt dit goed.
op IE10 krijg ik geen ronde hoeken, terwijl IE10 wel border-radius ondersteund (als ik de voorbeeld pagina van w3schools erbij pak werkt het wel goed)
doe ik wat verkeerd, zie ik b.v. iets over het hoofd? of moet dit gewoon werken?
Deze muziek smaakt naar bier :)
Es bedarf keiner Psychoanalyse, um festzustellen, dass das Leben ein einziger Friedhof gescheiterter Pläne ist!
Es bedarf keiner Psychoanalyse, um festzustellen, dass das Leben ein einziger Friedhof gescheiterter Pläne ist!
dat werkt ook goed..quote:
[..]
Als een keer naar http://www.cssmatic.com/border-radius gekeken.
ik zie nu, in de IE developer toolbar, dat hij om de een of andere reden bij deze lokale site op quirks document mode stond..
dan gaat het niet werken nee
problem solved
Ik zit even vast, waarschijnlijk te lang erna gekeken,
Ik probeer een callback functie aan te roepen nav een parameter.
Maar deze geeft een foutmelding die ik niet snap:
SyntaxError: missing] after element list
handleFooReturn([object Object])
Of
SyntaxError: missing] after element list
handleBarReturn([object Object])
Ik probeer een callback functie aan te roepen nav een parameter.
Maar deze geeft een foutmelding die ik niet snap:
SyntaxError: missing] after element list
handleFooReturn([object Object])
Of
SyntaxError: missing] after element list
handleBarReturn([object Object])
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | $(".foo").click(function(){ var params = { authField: $(this) callBack: 'handleFooReturn' }; var data = executeAjax(params); }); $(".bar").click(function(){ var params = { authField: $(this) callBack: 'handleBarReturn' }; var data = executeAjax(params) ; }); function executeAjax(params){ $.ajax({ type: "POST", url: baseUrl, data: $.param(params), dataType: "json", success:function(data){ if(params.callBack){ var callBack = ""+params.callBack+"("+data+","+params+")"; eval(callBack); } } }); } function handleFooReturn(data, params){ console.log('Foo'); console.log(data); console.log(params); } function handleBarReturn(data, params){ console.log('Bar'); console.log(data); console.log(params); } |
Is er iets zoals html5doctor voor JavaScript?
http://html5doctor.com
Dus een overzichtelijke documentatie met up to date best practice voorbeelden?
http://html5doctor.com
Dus een overzichtelijke documentatie met up to date best practice voorbeelden?
“Specialization is for insects”.—Robert Heinlein
Qua documentatie is denk ik MDN de beste bron.
Qua best practice voorbeelden blijft de videoserie van Douglas Crockford een aanrader: http://yuiblog.com/crockford/
En verder natuurlijk de documentatie van je library/framework/wat je ook gebruikt
Qua best practice voorbeelden blijft de videoserie van Douglas Crockford een aanrader: http://yuiblog.com/crockford/
En verder natuurlijk de documentatie van je library/framework/wat je ook gebruikt
Maar kun je al programmeren? Heb je de basisprincipes door en beheers je een andere taal? Want als dat niet zo is, zou ik eerst dat leren voordat je in Javascript duikt. Er zijn tegenwoordig allerlei MOOCs waarin je bv in C of Python prima de essentie leer te begrijpen.
Probeer een komma tussen verschillende elementen van je object:quote:
Ik zit even vast, waarschijnlijk te lang erna gekeken,
Ik probeer een callback functie aan te roepen nav een parameter.
Maar deze geeft een foutmelding die ik niet snap:
SyntaxError: missing] after element list
handleFooReturn([object Object])
Of
SyntaxError: missing] after element list
handleBarReturn([object Object])
[ code verwijderd ]
| 1 2 3 4 | var params = { authField: $(this), callBack: 'handleBarReturn' }; |
Overigens is die eval echt vies. Volgens mij kan je ook gewoon dit doen in je success function:
| 1 2 3 | if(typeof(params.callBack) === "function") { params.callBack(data, params); } |
[ Bericht 2% gewijzigd door picodealion op 05-05-2014 09:34:27 ]
Ow mn komma's ware weggevallen tijdens het uitkleden van de functie, die vergeet ik gelukkig niet.quote:Op maandag 5 mei 2014 09:29 schreef picodealion het volgende:
[..]
Probeer een komma tussen verschillende elementen van je object:
[ code verwijderd ]
Overigens is die eval echt vies. Volgens mij kan je ook gewoon dit doen in je success function:
[ code verwijderd ]
Normaal zijn de params bijvoorbeeld
| 1 2 3 4 5 6 | var params = { authField: $authType, authValue: authValue, authId: $authId, callBack: 'changeAuthCallback' }; |
Ik vind Eval ook vies maar wist geen andere manier, daar zat ook de echte fout, ik ga je code vanmiddag even proberen.
Je kunt ook .call() of .apply() gebruiken.quote:
[..]
Ik vind Eval ook vies maar wist geen andere manier
Nee. Weet de basis van php en nu dan ook js. Arrays, loops, objecten en wat principes rondom DRY/modulair te werk gaan. In principe zal ik nu wel aardig ver komen door te doen en uit te zoeken. Mijn beef met programmeren is alleen dat de voorbeelden vaak van bedroevende kwaliteit zijn. Als ik kijk naar css/html voorbeelden (zelfs van gerenommeerde websites) is het meestal om te janken.quote:
Maar kun je al programmeren? Heb je de basisprincipes door en beheers je een andere taal? Want als dat niet zo is, zou ik eerst dat leren voordat je in Javascript duikt. Er zijn tegenwoordig allerlei MOOCs waarin je bv in C of Python prima de essentie leer te begrijpen.
Php voorbeelden zijn meestal volgens verouderde modellen. Javascript vind ik überhaupt lastig omdat 99,6% tegenwoordig jQuery is
zelfs hele simpele zut als een class wijzigen na input. Wat maakt JS (en evt. php) minder geschikt dan.
En bedankt voor je resources op mdn staan er ook nog veel.
“Specialization is for insects”.—Robert Heinlein
Er is niks mis met jQuery imho, maar als beginner zou ik eerst zorgen dat je Javascript zelf echt begrijpt voordat je met allerlei libraries en frameworks aan de slag gaat.
Er is idd een hoop troep te vinden op internet. Ik zou zelf ook zo 123 geen website weten waar het wel goed wordt uitgelegd.
Er is idd een hoop troep te vinden op internet. Ik zou zelf ook zo 123 geen website weten waar het wel goed wordt uitgelegd.
ja jQuery is prima natuurlijk maar niet als je net komt kijken bij JS al zie ik meestal beginners gewoon de library inladen en vervolgens 5 scripts er bovenop gooien, dat wil ik zelf dus niet. Daardoor gaan dus ook 99% van stackoverflow vragen en artikelen over jQuery en dat is nogal irritant.quote:
Er is niks mis met jQuery imho, maar als beginner zou ik eerst zorgen dat je Javascript zelf echt begrijpt voordat je met allerlei libraries en frameworks aan de slag gaat.
Er is idd een hoop troep te vinden op internet. Ik zou zelf ook zo 123 geen website weten waar het wel goed wordt uitgelegd.
“Specialization is for insects”.—Robert Heinlein
Je kunt in elk geval die video's van Douglas Crockford kijken en misschien z'n boek lezen, da's sowieso goed materiaal.
quote:
quote:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | $(document).ready(function(){ $(".foo").click(function(){ var params = { authField: $(this), callBack: handleFooReturn }; executeAjax(params); }); $(".bar").click(function(){ var params = { authField: $(this), callBack: handleBarReturn }; executeAjax(params) ; }); }); function executeAjax(params){ var data = { success: 'yay', error: 'ahw' }; var returnData = { data: data, params: params }; if(params.callBack){ params.callBack.apply( returnData ); } } function handleFooReturn(data, params){ console.log('Foo'); console.log( this ); console.log(this.data); console.log(this.params); console.log(this.data.success); console.log(this.data.error); this.params.authField.css('border', '2px solid red'); } function handleBarReturn(data, params){ console.log('Bar'); console.log( this ); console.log(this.data); console.log(this.params); console.log(this.data.success); console.log(this.data.error); this.params.authField.css('border', '2px solid red'); } |
Dit is het uiteindelijk geworden, ten eerste had ik dus quotes om mn functienaam waardoor het een string was en dus geen functie.
En ten tweede de eval ipv apply.
Die 'returnData' kan vast beter, maar het werkt iig.
Bedankt alle twee
Inderdaad, erg vervelend. Ik probeer ook standaard vragen te beantwoorden in vanilla JS, en comment vaak ook wel bij de jQuery antwoorden dat ze die alleen moeten gebruiken als jQuery sowieso al werd ingeladen. Onbegonnen werk natuurlijk, maar als ik er ook maar 1 of 2 kan laten inzien dat je lang niet altijd jQuery nodig hebt ben ik al tevreden..quote:
[..]
ja jQuery is prima natuurlijk maar niet als je net komt kijken bij JS al zie ik meestal beginners gewoon de library inladen en vervolgens 5 scripts er bovenop gooien, dat wil ik zelf dus niet. Daardoor gaan dus ook 99% van stackoverflow vragen en artikelen over jQuery en dat is nogal irritant.
Ps, ben het met jullie eens, eerst vanilla leren, dat maakt jquery gebruiken veel makkelijker.
Je leert ook de DOM beter kennen.
Ik schreef vroeger greasemonkey userscripts volledig in vanilla (4 jaar geleden), daarna leerde ik pas het bestaan van jquery.
Je leert ook de DOM beter kennen.
Ik schreef vroeger greasemonkey userscripts volledig in vanilla (4 jaar geleden), daarna leerde ik pas het bestaan van jquery.
ja dankjewel. Sowieso altijd goed om het kaf op te zoeken. Ben somehow enthousiaster over js dan php terwijl ik er altijd (mede door jQueryquote:
Je kunt in elk geval die video's van Douglas Crockford kijken en misschien z'n boek lezen, da's sowieso goed materiaal.
) wat afstandelijk naar was on te leren
“Specialization is for insects”.—Robert Heinlein
Javascript is echt een ontzettend toffe taal.quote:
[..]
ja dankjewel. Sowieso altijd goed om het kaf op te zoeken. Ben somehow enthousiaster over js dan php terwijl ik er altijd (mede door jQuery
Maakt iemand trouwens gebruik van Google closure? Is een template systeem, library en compiler voor js. Had de io presentatie gekeken maar het lijkt nooit echt te zijn aangeslagen terwijl het toch een soort sass/compass is voor js waarmee je alleen compiled wat gebruikt wordt.
“Specialization is for insects”.—Robert Heinlein
heb bijna m'n codeacedemy diploma vind het erg tof, is ook de eerste course die ik af ga maken. Voor php zit ik toch te denken me juist wel op een frameworks (laravel) te storten maar dat terzijde.quote:
[..]
Javascript is echt een ontzettend toffe taal.
“Specialization is for insects”.—Robert Heinlein
Diploma?quote:
[..]
heb bijna m'n codeacedemy diploma vind het erg tof, is ook de eerste course die ik af ga maken. Voor php zit ik toch te denken me juist wel op een frameworks (laravel) te storten maar dat terzijde.
Aankomende tien jaar programmeer ik er nog wel in.quote:
[..]
Javascript is echt een ontzettend toffe taal.
'diploma'. Introductiecursus die me bekend maakt met de syntax, modellen en gebruik. Elk hoofdstuk heeft ook een bruikbare oefening op het eind waardoor de toepassing duidelijker is.quote:
“Specialization is for insects”.—Robert Heinlein
Mja, er is ook weinig andere keusquote:
[..]
Aankomende tien jaar programmeer ik er nog wel in.
Klopt, het is alleen soms wel wennen als je het rechtlijnige PHP gewend bentquote:
[..]
Javascript is echt een ontzettend toffe taal.
.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Ah oke.quote:
[..]
'diploma'. Introductiecursus die me bekend maakt met de syntax, modellen en gebruik. Elk hoofdstuk heeft ook een bruikbare oefening op het eind waardoor de toepassing duidelijker is.
Ja true. Als ik kijk hoe gemakkelijk ik nu een volledige applicatie bouw in node met express en handlebars als templating machine en hoe geweldig dat schaalt terwijl de codebase echt klein blijft, dan is dat echt wonderbaarlijk.quote:
Zijn hier toevallig geen mensen die mij kunnen helpen met dit issue: DIG / [Wordpress] Algemeen topic deel 8
?
?
Is het weer om te lachen?
De header wordt ergens gewijzigd, dit moet echter als allerallerallereerste in je code staan, zelfs geen witregel. Dat is de fout waarnaar je moet zoeken.quote:
Zijn hier toevallig geen mensen die mij kunnen helpen met dit issue: DIG / [Wordpress] Algemeen topic deel 8
?
Hier meer info voor de zoektocht en hoe het te fixen:
http://stackoverflow.com/(...)dy-sent-error-in-php
