[HTML, CSS, JS] Frontend #38: Wrapper

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  woensdag 19 februari 2014 @ 15:06:14 #101
56176 Catch22-
Ben je Blind?!
pi_136892676
quote:
5s.gif Op woensdag 19 februari 2014 14:18 schreef esv7 het volgende:
Wat is de beste manier om veel javascript modules te laden voor een pagina, gewoon in de head inladen zoals gewoon? Of is het beter voor de performance om ze gezamenlijk in een file te zetten?
in 1 file, compressed onderaan je pagina.
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?
pi_136892780
quote:
11s.gif Op woensdag 19 februari 2014 15:06 schreef Catch22- het volgende:

[..]

in 1 file, compressed onderaan je pagina.
Maar hoe je dit met libary's met een license erop? Mag je alles zomaar bij elkaar gooien? Is het niet alsnog sneller deze libaries afzonderlijk vanaf een CDN te laden ipv gezamenlijk vanaf je eigen server?
  woensdag 19 februari 2014 @ 15:15:05 #103
56176 Catch22-
Ben je Blind?!
pi_136893004
quote:
2s.gif Op woensdag 19 februari 2014 15:09 schreef d4v1d het volgende:

[..]

Maar hoe je dit met libary's met een license erop? Mag je alles zomaar bij elkaar gooien? Is het niet alsnog sneller deze libaries afzonderlijk vanaf een CDN te laden ipv gezamenlijk vanaf je eigen server?
CDN is wel sneller, als je een license hebt dan kan je het alsnog wel compressen en in 1 file gooien.

http://koala-app.com/

dat gebruik ik om meuk (libraries) in 1 file te gooien en te laten compressen. Custommeuk hou ik vaak wel los, maar lib's compress en join ik.

https://github.com/oklai/koala/wiki/JS-CSS-minify-and-combine
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?
pi_136893227
quote:
11s.gif Op woensdag 19 februari 2014 15:15 schreef Catch22- het volgende:

[..]

CDN is wel sneller, als je een license hebt dan kan je het alsnog wel compressen en in 1 file gooien.

http://koala-app.com/

dat gebruik ik om meuk (libraries) in 1 file te gooien en te laten compressen. Custommeuk hou ik vaak wel los, maar lib's compress en join ik.

https://github.com/oklai/koala/wiki/JS-CSS-minify-and-combine
Oké duidelijk, dankjewel.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_136920130
Beste,

Kan iemand mij misschien uitleggen waarom het volgende wel werkt:
1
2
3
4
5
6
7		one = function() {
    alert("hallo");
}

two = function() {
    one();
}()
,maar dit niet?:
1
2
3
4
5
6
7		one = function() {
    two();
}()

two = function() {
    alert("hallo");
}
Ik denk dat het met de volgorde te maken heeft?
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  donderdag 20 februari 2014 @ 09:33:26 #106
91039 mstx
2x1/2 = 1/2 x 1/2
pi_136920291
quote:
5s.gif Op donderdag 20 februari 2014 09:24 schreef esv7 het volgende:
Beste,

Kan iemand mij misschien uitleggen waarom het volgende wel werkt:
[ code verwijderd ]

,maar dit niet?:
[ code verwijderd ]

Ik denk dat het met de volgorde te maken heeft?
two() bestaat nog niet op het moment dat je hem aanroept want je definieert hem daarna pas.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_136920323
Ja, bij die tweede komt de syntax error voor de 2e functie.

Staat overigens gewoon keurig in je console als het goed is.
zcflevo.nl
pi_136920358
quote:
0s.gif Op donderdag 20 februari 2014 09:33 schreef mstx het volgende:

[..]

two() bestaat nog niet op het moment dat je hem aanroept want je definieert hem daarna pas.
quote:
14s.gif Op donderdag 20 februari 2014 09:35 schreef KomtTijd... het volgende:
Ja, bij die tweede komt de syntax error voor de 2e functie.

Staat overigens gewoon keurig in je console als het goed is.
Oké dankjewel, en het staat inderdaad in de console :@ .
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  FOK!Fotograaf / Beeldredactie vrijdag 21 februari 2014 @ 20:37:01 #109
300347 MrManuel
pi_136989248
Goedeavond allemaal,

Kan iemand me misschien helpen, ik loop even vast met een gedeelte van me script.
Lokaal draaien werkt het, zodra ik het op de webserver heb lopen doet de countdown het niet..

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<script type="text/javascript">
//<![CDATA[
        $(document).ready(function(){
        $("#hidden-countdown").countdown({
            date: "02 January 2015 12:00:00", // countdown target date settings
            format: "on"
        },
            
        function() {
            // callback function
        });
      });
//]]>
</script>

Iemand enige idee? :{
[i]~ The impossible is easy![/i]
pi_137011534
Foutmeldingen?
pi_137064330
quote:
5s.gif Op donderdag 20 februari 2014 09:24 schreef esv7 het volgende:
Beste,

Kan iemand mij misschien uitleggen waarom het volgende wel werkt:
[ code verwijderd ]

,maar dit niet?:
[ code verwijderd ]

Ik denk dat het met de volgorde te maken heeft?
Stukje verder met leren en ben er nu achter waarom het precies fout gaat.
Ik had gebruik gemaakt van functional expression's, waar ik voor functional declaration's had moeten kiezen omdat deze wel geladen worden voor er enige code wordt uitgevoerd.
1
2
3
4
5
6
7
8
9
10
11
12
13
14		(function x() {
    one();
    two();
}())

//Functionele expressie.
var two = function() {
    alert("hallo");
}

//Functionele declaratie.
function one() {
    alert("hallo");
}
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  FOK!Fotograaf / Beeldredactie maandag 24 februari 2014 @ 16:41:27 #112
300347 MrManuel
pi_137094812
quote:
0s.gif Op zaterdag 22 februari 2014 13:27 schreef Darkomen het volgende:
Foutmeldingen?
Geen.. Hij telt gewoon niet..
[i]~ The impossible is easy![/i]
  maandag 24 februari 2014 @ 16:44:08 #113
56176 Catch22-
Ben je Blind?!
pi_137094895
Als je hem als variabele definieert moet je hem definieren voor je hem 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?
pi_137094901
quote:
99s.gif Op maandag 24 februari 2014 16:41 schreef MrManuel het volgende:

[..]

Geen.. Hij telt gewoon niet..
Dat is bijna onmogelijk. ga loggen naar je console tot je weet tot waar het script uitgevoerd wordt.
zcflevo.nl
pi_137094939
quote:
11s.gif Op zondag 23 februari 2014 20:09 schreef esv7 het volgende:

[..]

Stukje verder met leren en ben er nu achter waarom het precies fout gaat.
Ik had gebruik gemaakt van functional expression's, waar ik voor functional declaration's had moeten kiezen omdat deze wel geladen worden voor er enige code wordt uitgevoerd.
[ code verwijderd ]

Code wordt van boven naar beneden uitgevoerd.
pi_137095018
Kent iemand nog een goede parallax scrolling tutorial ? Heb er nog niet veel mee gemerkt en merk dat ik wat roestig ben op dit vlak.
  maandag 24 februari 2014 @ 16:50:13 #117
56176 Catch22-
Ben je Blind?!
pi_137095081
quote:
7s.gif Op maandag 24 februari 2014 16:48 schreef Scorpie het volgende:
Kent iemand nog een goede parallax scrolling tutorial ? Heb er nog niet veel mee gemerkt en merk dat ik wat roestig ben op dit vlak.
about:blank

DONT!

:P

Ik heb er wel eens naar gekeken, maar vind het zelf echt verschrikkelijk. Veel meer dan een background vastzetten heb ik er dan ook niet mee gedaan
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?
pi_137095195
quote:
11s.gif Op maandag 24 februari 2014 16:50 schreef Catch22- het volgende:

[..]

about:blank

DONT!

:P

Ik heb er wel eens naar gekeken, maar vind het zelf echt verschrikkelijk. Veel meer dan een background vastzetten heb ik er dan ook niet mee gedaan
Ja ik weet het, maar ja, designers en shit.
pi_137095430
quote:
7s.gif Op maandag 24 februari 2014 16:45 schreef Scorpie het volgende:

[..]

Code wordt van boven naar beneden uitgevoerd.
Achtereenvolgende statements wel ja, wat heeft dat er mee te maken?
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  dinsdag 25 februari 2014 @ 13:29:51 #120
25889 Sitethief
Fulltime Flapdrol
pi_137123556
Is dit een goede manier van opbouwen van opties in een javascript functie? het ziet er nogal lomp uit namelijk.

1
2
3
4
5
6
7
8
9
10
11
12
13		        //zet default sizes of haal ze uit de options
        var windowWidth             = (options.width          ? "900"  : options.width);          //x as
        var windowMaxWidth          = (options.maxWidth       ? "450"  : options.maxWidth);       //x as
        var windowMinWidth          = (options.minWidth       ? "2500" : options.minWidth);       //x as
        var windowHeight            = (options.height         ? "500"  : options.height);         //y as
        var windowMaxHeight         = (options.maxHeight      ? "300"  : options.maxHeight );     //y as
        var windowMinHeight         = (options.minHeight      ? "2000" : options.minHeight);      //y as
        var windowLeftWidth         = (options.left.width     ? "200"  : options.left.width);                 
        var windowLeftMaxWidth      = (options.left.maxWidth  ? "300"  : options.left.maxWidth);                 
        var windowLeftMinWidth      = (options.left.minWidth  ? "100"  : options.left.minWidth );                 
        var windowRightWidth        = (options.right.width    ? null   : options.right.width );               
        var windowRightMaxWidth     = (options.right.maxWidth ? "300"  : options.right.maxWidth);               
        var windowRightMinWidth     = (options.right.minWidth ? "100"  : options.right.minWidth);   
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  dinsdag 25 februari 2014 @ 13:35:19 #121
56176 Catch22-
Ben je Blind?!
pi_137123706
Nee :P
met jQuery
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		function test(options) {
 var basesettings = {
  windowWidth:900,
  widthHeight:900
 };
 $.extend(basesettings, options);
 // of vanilla javascript
var settings = extend(default, config);

function extend(a, b){
    var c = {};
    for(var p in a)    c[p] = (b[p] == null) ? a[p] : b[p];
    return c;
}
}
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?
  dinsdag 25 februari 2014 @ 14:01:25 #122
25889 Sitethief
Fulltime Flapdrol
pi_137124571
quote:
11s.gif Op dinsdag 25 februari 2014 13:35 schreef Catch22- het volgende:
Nee :P
met jQuery
[ code verwijderd ]

Dit is code die met Mootools werkt, maar dat terzijde.
Maar wat is er zo slecht aan dan? Mijn functie bouwt een window op met twee panels erin waar je de afmetingen van mee kunt geven maar ook default kunt laten.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  dinsdag 25 februari 2014 @ 14:13:19 #123
56176 Catch22-
Ben je Blind?!
pi_137124971
quote:
0s.gif Op dinsdag 25 februari 2014 14:01 schreef Sitethief het volgende:

[..]

Dit is code die met Mootools werkt, maar dat terzijde.
Maar wat is er zo slecht aan dan? Mijn functie bouwt een window op met twee panels erin waar je de afmetingen van mee kunt geven maar ook default kunt laten.
dat werkt met jQuery ook. Het nette hiervan is dat je gewoon 1 net object kan maken met basissettings en die je kan overschrijven met een ander object. Leest toch iets makkelijker.
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?
  dinsdag 25 februari 2014 @ 14:18:27 #124
25889 Sitethief
Fulltime Flapdrol
pi_137125121
quote:
11s.gif Op dinsdag 25 februari 2014 14:13 schreef Catch22- het volgende:

[..]

dat werkt met jQuery ook. Het nette hiervan is dat je gewoon 1 net object kan maken met basissettings en die je kan overschrijven met een ander object. Leest toch iets makkelijker.
Ah, dat zou hier mee moeten kunnen

quote:
Function: Object.append

Copies all the properties from the second object passed in to the first object passed in.
Syntax:

Object.append(original, extension);
http://mootools.net/docs/core/Types/Object#Object:Object-append
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_137125122
quote:
0s.gif Op dinsdag 25 februari 2014 14:01 schreef Sitethief het volgende:

[..]

Maar wat is er zo slecht aan dan?
Dat zeg je zelf al. "Het ziet er nogal lomp uit"
zcflevo.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[HTML, CSS, JS] Frontend #38: Wrapper
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')