jSpine - o librarie Javascript similara cu jQuery, ideala pentru proiecte mici

[Andretti]

De ceva timp utilizez cu succes o librarie pe care am imbunatatit-o constant si care in multe din proiectele la care am lucrat, a inlocuit cu succes faimoasa librarie jQuery.
Nu numai ca este de aproape 50 ori mai mica decat jQuery(care a ajuns la 300Kb) dar este si mult mai rapida, tocmai pentru ca nu inglobeaza anumite componente si nu suporta plugins.
Asa ca sa nu fiu egoist, de curand am decis sa o botez si sa o urc pe GitHub.
Pana va fi gata documentatia, puteti arunca o privire aici: jSpine.js - exemple

Feedback-ul vostru e binevenit, atata timp cat e constructiv.

[harrvester]

Mare like!

Cu toate acestea nu cred ca abordezi corect problema. Ai copiat o parte din functionalitatile din jQuery si libraria ta e mai light. Avantajul apare doar daca ai dial-up sau daca scriptul ruleaza pe o masina cu resurse limitate.

Incearca sa vii cu ceva nou. Cine renunta la jQuery pentru viteza trece de cele mai multe ori pe vanila; iar cei ce folosesc js pur de obicei au cunostinte acceptabile in domeniu. E destul de usor sa ascunzi un element sau sa shimbi un atribut, o clasa. Cred ca ar fi apreciate metodele putin mai complexe, ce ar facilita spre exemplu lucrul cu vectori / obiecte / stive / cozi .. array fil ? Un fel de mix light intre jQuery si underscore.

[Andretti]

Nu-mi place cum suna "copiat". Am simplificat si recreat cele mai utilizate metode cu care utilizatorii de jQuery sunt deja familiarizati, bineinteles respectand method chaining. Incurajez folosirea JS pur la crearea functiilor simple si CSS atunci cand framework-urile devin overkill. In opinia mea, overkill inseamna cantitatea de raw code care poate fi mai mica decat daca ai folosi o librarie sau framework coroborata cu expansiunea complexitatii aplicatiei.
Asta insemnand ca initial, volumul de raw JS poate fi destul de rapid si suficient chiar daca nu poate fi reutilizat sau poate fi reutilizat partial, iar mai tarziu cand complexitatea aplicatiei creste, sa constati ca ai nevoie de o librarie.
De acord, e usor sa ascunzi un element sau sa schimbi un atribut dar daca vrei sa serializezi un form ale carui date sa fie trimise prin XHR, volumul de pure JS devine prea mare.
Ideea ta e buna dar nu ma pricep la vectori si nici mare fan JS nu sunt. Nu scriu JS in fiecare zi ci doar atunci cand nevoia ma indeamna s-o fac.
Asa s-a intamplat si cu jSpine.js care a luat nastere dupa ce m-am saturat de jQuery si JS pur.

[harrvester]

Imi cer scuze, nu am vrut sa insinuez ca ai copiat codul. Am vrut sa zic ca e aceeasi functionalitate.

Inca 2 sugestii:

1. Nu te zgarci cand vine vorba de scalabilitate. Cu siguranta nu o sa poti lua in calcul toate posibilele utilizari. Mai bine cativa kilo in plus decat sa fortezi pe cineva sa foloseasca alta librarie.

2. O optimizare pentru viteza.

Cand ai ceva de genul:

for (j = 0; j < elem.options.length; j++)

Vei calcula elem.options.length la fiecare iteratie a lui j.

Varianta optima este:

var l = elem.options.length;
for (j = 0; j < l; j++)

Sau:

for (var j = 0, l=elem.options.length; j < l; j++)

Totusi, nu recomand ultima versiune. Conform jslint / Douglas Crockford, declararea variabilelor in for nu este "Best Practice". Parerile sunt impartite.. https://www.google.ro/webhp?sourceid...best+practices

[Andretti]

Good catch. Multam.
Cu ocazia asta am actualizat /examples si redenumit metoda newel in newEl plus alte cateva modificari.
Ieri, libraria a fost acceptata si a devenit disponibila pe jsDelivr CDN. In mod normal noua versiune ar trebui sa apara in cateva minute de la Pull request-ul automat.

https://cdn.jsdelivr.net/jspine/latest/jspine.min.js

sau

https://cdn.jsdelivr.net/jspine/latest/jspine.js

pentru ultima versiune.

[Vinturis Gheorghe]

Posibiltatea de a selecta funcțiile necesare în proiect și generarea librăriei... Un soft web care ar permite asta din jquery spre exemplu, ar fi ceva cu adevărat util.

Nu spun ca nu este utila librăria ta, ci asa as fi abordat eu lucrurile...

[Andretti]

O idee buna si relativ usor de pus in practica. La asta ar fi trebuit sa se gandeasca ei mai ales ca au ca exemplu Bootstrap care ofera posibilitatea de a selecta doar componentele necesare.
300Kb inseamna foarte mult chiar si pentru site-uri medii care includ slidere custom, galerii foto, portofoliu, formulare si alte minuni.

[harrvester]

Eu o sa te contrazic aici. 300Kb nu e mult.

In plus jquery-2.2.3.min.js are 85.7kB. La asta putem adauga apc si gzip. Ca sa nu mai zic de cache la client. Timpul de incarcare va fi sub 50ms si probabil de 1ms daca faci cache pe client.

Evident... cu cat mai light cu atat mai bine dar uneori nu merita sa pierzi timpul cu asta.

[Andretti]

Nu discutam despre browser cache, pentru ca pana acolo e mult. Telefonul sau laptopul tau cu >= 3G trebuie sa descarce aia 85Kb + un CSS preprocesor care depaseste 500Kb + ceva fonturi si uite-asa iti termini cafeaua asteptand.
Ce incerc sa explic este ca prima pagina deschisa de client poate face diferenta intre un bounce rate mic si unul de peste 80%-90%.

[triptic]

Alternative:

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

https://github.com/kenwheeler/cash

Minified.js - A Truly Lightweight JavaScript Library