abonnement Unibet Coolblue
pi_137508947
Alle Javascript-modules in losse bestanden en deze met RequireJS i.c.m. ConditionerJS van mijn collega inladen. En dan met Grunt een task die een groot aantal bestanden plat slaat naar 1 file om het aantal requests te beperken. In principe heb je dan maar een paar script-tags nodig. Eentje voor wat eventuele shims/polyfills voor IE, een eventuele HTMLshiv voor IE8 en lager en dan je RequireJS-file.
Bleuh.
pi_137511406
Dat Require heb ik nog niet naar gekeken. Ik heb het voor nu maar even gemakkelijk gedaan: grunt pakt naast de libraries gewoon /scripts/*.js en plakt ze aan elkaar. Hoe ik dat bij een grotere site zou doen heb ik nog niet goed over nagedacht :P.
  zaterdag 8 maart 2014 @ 13:29:07 #228
12221 Tijn
Powered by MS Paint
pi_137511742
Het probleem van zoiets als "/scrips/*.js" is dat je geen invloed hebt op de volgorde waarin ze worden ingeladen, terwijl dat soms wel uitmaakt.
pi_137512029
quote:
2s.gif Op zaterdag 8 maart 2014 13:29 schreef Tijn het volgende:
Het probleem van zoiets als "/scrips/*.js" is dat je geen invloed hebt op de volgorde waarin ze worden ingeladen, terwijl dat soms wel uitmaakt.
Is dat niet op alfabetische volgorde?

quote:
100-script123.js
110-inladennascript123.js
190-laatstescript.js
Opgelost. Vind t wel n beetje lelijk :P

[ Bericht 7% gewijzigd door #ANONIEM op 08-03-2014 13:45:25 ]
  zaterdag 8 maart 2014 @ 13:54:15 #230
84244 Scorpie
Abject en infaam!
pi_137512196
quote:
0s.gif Op zaterdag 8 maart 2014 10:50 schreef PimD het volgende:
Alle Javascript-modules in losse bestanden en deze met RequireJS i.c.m. ConditionerJS van mijn collega inladen. En dan met Grunt een task die een groot aantal bestanden plat slaat naar 1 file om het aantal requests te beperken. In principe heb je dan maar een paar script-tags nodig. Eentje voor wat eventuele shims/polyfills voor IE, een eventuele HTMLshiv voor IE8 en lager en dan je RequireJS-file.
Dat dus. Grunt _O_
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_137512863
Ik vind het wel allemaal supertraag worden als je Grunt + SASS + Jekyll + AutoPrefixer en nog wat plugins hebt draaien in een wat groter project :(
Bleuh.
  zaterdag 8 maart 2014 @ 15:30:08 #232
12221 Tijn
Powered by MS Paint
pi_137514308
quote:
2s.gif Op zaterdag 8 maart 2014 13:45 schreef d4v1d het volgende:

[..]

Is dat niet op alfabetische volgorde?

[..]

Opgelost. Vind t wel n beetje lelijk :P
Ja, dit is dus waarom je RequireJS gebruikt, want je wil natuurlijk niet dat de filenames bepalen hoe je applicatie werkt :P
pi_137514423
Ik ben nu al een tijdje bezig met Jekyll, een static site generator. Echt ideaal voor de kleine projectjes die ik soms nog naast m'n werk doe. Geen gezeik met CMS'en, databases en de hele bende. Echt geweldig :D
Bleuh.
pi_137516357
quote:
10s.gif Op zaterdag 8 maart 2014 15:30 schreef Tijn het volgende:

[..]

Ja, dit is dus waarom je RequireJS gebruikt, want je wil natuurlijk niet dat de filenames bepalen hoe je applicatie werkt :P
Zo'n vermoeden had ik al. Is het volgende waar ik me maar eens in ga verdiepen. Vooralsnog bestaan de meeste losse bestanden die ik met * inlaad sowieso uit aparte classes en laad ik als laatste het 'main' js bestand in waarin ik die allemaal gebruik. Maar dat is ook maar praktisch tot een bepaalde projectgrootte.
pi_137548823
Beste, ik heb een klein probleempje met de volgorde waarop wat methods worden uitgevoerd, de code staat ook als een plaatje in de spoiler voor syntax highlighting.
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
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
Navigation = function(page_class) {
    var that = this;
    that.page_holder = new Array();
    that.page = {
        id: null,
        x: null,
        y: null
    };
    that.current_page = 0;
    that.get_pages = function() {
        $(document).ready(function() {
            $(".page").each(function() {
                var i = that.page_holder.length;
                that.page_holder[i] = that.page;
                that.page_holder[i].id = i;
                that.page_holder[i].x = $(this).offset().left;
                that.page_holder[i].y = $(this).offset().top;
                that.nav_to(3);
            });
        });
    }();
    that.nav_to = function(id) {
        console.log(that.page_holder.length + ", " + id);
    };
};

test = new Navigation("page");
test.nav_to(5);

Het probleem is, dat nav_to() method wordt uitgevoerd voordat de get_pages() method klaar is. De method nav_to() is afhankelijk van get_pages() dus deze mag pas uitgevoerd worden nadat get_pages() helemaal klaar is.

Hoe kan ik dit oplossen zonder nav_to ook in een document.ready function te gooien? :o
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.
  zondag 9 maart 2014 @ 17:18:57 #236
56176 Catch22-
Ben je Blind?!
pi_137548956
Die document ready moet daar sowieso weg.

Verdiep je eens in callbacks :)

Waar wordt die get pages aangeroepen dan?
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_137549103
quote:
1s.gif Op zondag 9 maart 2014 17:18 schreef Catch22- het volgende:
Die document ready moet daar sowieso weg.

Verdiep je eens in callbacks :)

Waar wordt die get pages aangeroepen dan?
Waarom moet de document.ready.function weg? Ik dacht dat dit ervoor zorgde dat eerst de DOM werd geladen voordat de jquery functie wordt uitgevoerd, en dit is de bedoeling aangezien deze functie afhankelijk is van de DOM.

De get_pages() functie wordt uitgevoerd zodra er een object wordt aangemaakt aan de hand van de class(prototype) Navigation.

Verder zal ik naar callbacks kijken, ik weet ongeveer hoe het werkt maar niet hoe ik het hier goed kan toepassen.
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.
  zondag 9 maart 2014 @ 17:30:47 #238
56176 Catch22-
Ben je Blind?!
pi_137549405
Dan moet je de hele class pas initialiseren als de dom klaar is. Nooit in je functies iets oplijmen aan de doc ready.
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_137549439
quote:
0s.gif Op zondag 9 maart 2014 17:30 schreef Catch22- het volgende:
Dan moet je de hele class pas initialiseren als de dom klaar is. Nooit in je functies iets oplijmen aan de doc ready.
Ahhh ja natuurlijk, stom van mij, dankjewel. :) ^O^
Het is opgelost, super *O* .

[ Bericht 7% gewijzigd door esv7 op 09-03-2014 17:38:04 ]
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.
  zondag 9 maart 2014 @ 18:12:43 #240
230788 n8n
Pragmatisch
pi_137550944
Voor mensen met sass/less, heb net autoprefixer ontdekt, is iig een node van voor grunt en gulp. Scheelt een hele zut mixins plus het voegt automatisch alleen relevante prefixes toe op basis van caniuse
Specialization is for insects”.—Robert Heinlein
pi_137551047
Nice, ga morgen even kijken
  zondag 9 maart 2014 @ 18:27:48 #242
230788 n8n
Pragmatisch
pi_137551497
quote:
0s.gif Op zaterdag 8 maart 2014 14:25 schreef PimD het volgende:
Ik vind het wel allemaal supertraag worden als je Grunt + SASS + Jekyll + AutoPrefixer en nog wat plugins hebt draaien in een wat groter project :(
heb je al een changed node :+ gulp-changed
Specialization is for insects”.—Robert Heinlein
  maandag 10 maart 2014 @ 10:15:02 #243
56176 Catch22-
Ben je Blind?!
pi_137573992
http://fortawesome.github.io/Font-Awesome/

Lekker iconfont :) 396 goede icons
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?
  maandag 10 maart 2014 @ 10:17:53 #244
12221 Tijn
Powered by MS Paint
pi_137574057
Ja, FontAwesome is cool. Lekker makkelijk overal een icoontje voor zonder met plaatjes te hoeven klooien. En je kunt er met CSS3 rotate ook heel makkelijk loading spinners mee maken O+
  maandag 10 maart 2014 @ 10:42:58 #245
56176 Catch22-
Ben je Blind?!
pi_137574675
En gewoon rizen, opacity en kleur veranderen, geen zeik meer met sprites en whatnot voor active/inactive-indicatoren. Ik hou er van.

Ben bezig met een restyle/build van ons inhouse CMS, ik gooi de IE7 support overboord en IE8 krijgt maar een suboptimale ervaring.
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?
  maandag 10 maart 2014 @ 10:51:16 #246
12221 Tijn
Powered by MS Paint
pi_137574907
Duh. Wie bouwt er nu nog voor IE7? En als IE8 het doet, dan is dat leuk en anders pech. We blijven niet bezig. IE9 is inmiddels al bejaard.
  maandag 10 maart 2014 @ 10:57:11 #247
56176 Catch22-
Ben je Blind?!
pi_137575069
quote:
10s.gif Op maandag 10 maart 2014 10:51 schreef Tijn het volgende:
Duh. Wie bouwt er nu nog voor IE7? En als IE8 het doet, dan is dat leuk en anders pech. We blijven niet bezig. IE9 is inmiddels al bejaard.
Als corporate klanten hebt, moet je wel
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?
  maandag 10 maart 2014 @ 11:00:52 #248
84244 Scorpie
Abject en infaam!
pi_137575179
quote:
10s.gif Op maandag 10 maart 2014 10:51 schreef Tijn het volgende:
Duh. Wie bouwt er nu nog voor IE7? En als IE8 het doet, dan is dat leuk en anders pech. We blijven niet bezig. IE9 is inmiddels al bejaard.
Ik heb 2 jaar geleden nog een Javascript-only web applicatie voor IE6 opgeleverd voor een fossiele organisatie. Gelukkig zijn ze nu 'al' over op IE8.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  maandag 10 maart 2014 @ 11:03:34 #249
84244 Scorpie
Abject en infaam!
pi_137575272
quote:
14s.gif Op zondag 9 maart 2014 18:12 schreef n8n het volgende:
Voor mensen met sass/less, heb net autoprefixer ontdekt, is iig een node van voor grunt en gulp. Scheelt een hele zut mixins plus het voegt automatisch alleen relevante prefixes toe op basis van caniuse
Nice.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  maandag 10 maart 2014 @ 11:11:11 #250
12221 Tijn
Powered by MS Paint
pi_137575493
quote:
11s.gif Op maandag 10 maart 2014 10:57 schreef Catch22- het volgende:

[..]

Als corporate klanten hebt, moet je wel
Gelukkig moet ik helemaal niks.
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')