[JS] Logisch en eenvoudig veel data invoeren

[Mei]

Ik ben bezig met een eigen JS library. Die roep je aan net zoals dat bij veel andere libraries gebeurt. Parameters geef je mee als object. Voorbeeldje van hoe het tot nu toe gaat:

JavaScript:

blapie({
    element:{
        type:'ID',
        value:'content'
        },
    color:{
        hex:['#000000', '#ffffff'],
        type:'text',
        duration:50}
    move:{
        x:150,
        y:200;
        transformation:'ease',
        duration:100;}
    });

element geeft aan op welk element het effect toegepast moet worden. Je kan het als ID, className of elementnaam opgeven (dat staat dus bij type). De waarde hiervan geef je op bij value.
color geeft aan dat de kleur van het element moet veranderen. hex is een array met de begin- en eindwaarde in hexadecimale notatie. duration is hoe lang het effect moet duren in millisecondes.
Zelfde geldt ongeveer voor move. x is de horizontale verplaatsing, y de verticale. transformation geeft aan of het verloop lineair, easing, easing in of easing out is.

Wat ik me even afvroeg was of dit een handige manier van noteren is. Je moet soms best wat informatie doorgeven en dan is het voor gebruik handig om een makkelijker manier daarvoor te kiezen. Ik wil dit later nog uitbouwen met voor [n]move[/b] bijvoorbeeld de mogelijkheid om ook de startpositie op te geven, dus dan zullen x en y wel arrays worden (vandaar dat ik nu niet 1 array gebruik). Ik probeer nu in de notatie arrays en objecten te scheiden door arrays alleen te gebruiken voor dezelfde soort waardes (begin- en eindpositie zijn beide positie in pixels, dus gelijke soort). color en move zijn wel beide effecten, maar compleet andere dingen, dus zijn het objecten.

Ben ik zo goed bezig volgens jullie of zijn er nog punten voor verbetering? Alvast bedankt voor het meedenken

[Blaise]

De manier van aanroepen komt bij mij doordacht over.

Los daarvan zou ik proberen om je framework met zo min mogelijk parameters aan het werk te kunnen zetten, door veel gebruik te maken van optionele parameters met een logische default value.

[Mei]

Default values werk ik aan. Transformation is bijvoorbeeld standaard linear, x en y kunnen in de toekomst ook alleen een eindwaarde krijgen, dus dat voor de beginwaardes bijvoorveeld offsetLeft en offsetTop gebruikt wordt. Irritante is bij deze opzet trouwens wel dat je roperties van properties van properties enz. krijgt: oParams.color.hex[1] zegmaar. Wel overzichtelijk om mee te werken vind ik persoonlijk, maar in hoeverre beinvloedt dit de performance?