Forum libero

> > inclusi i + e = della tipica codifica in base 64
>
> base64 ha circa 15 diversi standard tra cui RFC 4648 (vedi url applications).
>
> Fun fact: ho implementato in java 3-4 anni fa una classe che faceva da base64 encoder e decoder di tutti i formati elencati su quella wikipagina (eccetto il checksum del radix-64), ma ne ho perduto il sorgente.

Fun fact: bastava che i fenici inventassero un solo altro carattere dell'alfabeto, e fra la sua versione minuscola e quella maiuscola, eravamo a posto con uno standard solo!

Cioe`, per esempio mettere il fonema GN in un unico carattere.

> cambia avatar mi ha annoiato quello attuale
>
> eri più interessante con l'avatar del gatto

Ci pensero`, ora ho altro a cui pensare, devo collegare il DB localstorage a quello remoto.

> > Ah, esiste il "for each"?
> > Ecco, non l'avevo ancora trovato.
> Occhio che è solo ecma5, quindi i browser precedenti agli ultimi 4-5 anni non ce l'hanno.
> Tu usalo, se hai problemi metti in cima alla pagina questo e risolvi.

No, no, ho in mente di richiedere un browser recente comunque, quindi mi va bene il forEach nativo e non prendo precauzioni.

> > altri appunti
> Usi jquery solo per recuperare elementi dal DOM? Se sì tanto vale usare document.querySelector e document.querySelectorAll ¹ e liberarti della dipendenza.
>
> ¹ Occhio che questo ritorna una NodeList, se vuoi usarlo come un array normale (per usare map, filter, forEach e reduce) usa Array.prototype.slice.call(nl)

Non uso jQuery per recuperare elementi dal DOM, uso solo questa funzioncina che si trova assieme a un'altra che estende String, entrambe due piccole utility stand-alone per uso personale:

        /*
         *
         *      personal javascript extensions
         *
         */

        function $(e) {

                return (document.getElementById (e));

        }

        String.prototype.zeroPad = function (l) {

            var p = l - this.length;

                return p > 0 ? (new Array (p + 1)).join ('0') + this : this.toString ();

        }

Ovviamente il problema e` che scrivere document.getElementById e` parecchio lungo. E ovviamente la mia funzioncina andrebbe rimossa nel caso usassi poi jQuery. Ma per ora quella della funzioncina $ la trovo una buona idea anche presa singolarmente.

> Non è che oggi sia qualcosa di meglio,

Tutto cio` mi offende.
Non ci capisco ancora tutto, ma qualcosina qua e la` si`.
Sono migliorato!

> qualche appunto: definisci lo scope delle variabili con var,

Quello e` un estratto, non la funzione completa.
Le mie funzioni dichiarano tutte le locali all'inizio, mai inline.
Odio dichiararle inline.

> se m non ti serve fuori -> var m, se m ha un nome migliore di m usalo, perché non si capisce cos'è,

m sta per "matches", i matches di fetchBadges che e` questa qui:

        fetchBadges = function (nBadgesToFetch, type) {

            var matches = [ ];

                stock ({ type: type }).each (function (r) {

                    var nAvail, first, last;

                        if (nBadgesToFetch) {

                                first = new Badge (r.first, r.type),
                                last = new Badge (r.last, r.type),
                                nAvail = last.parts ().v - first.parts ().v + 1;

                                if (nAvail > nBadgesToFetch) {

                                        matches.push ({ n: nBadgesToFetch, first: first.b, last: first.offset (nBadgesToFetch - 1).b });
                                        nBadgesToFetch = 0;

                                }

                                else {

                                        matches.push ({ n: nAvail.toString (), first: first.b, last: last.b });
                                        nBadgesToFetch -= nAvail;

                                }

                        }

                });

                return nBadgesToFetch ? [ ] : matches;

        }

> usa il forEach invece di iterare con l'indice (la callback prende tre argomenti se proprio ti serve l'indice c'è),

Ah, esiste il "for each"?
Ecco, non l'avevo ancora trovato.
Da come ne parli in termini di callback, il forEach e` un metodo delle array?

> metti sempre la radice al parseInt, perché le stringhe che iniziano per 0 vengono interpretate come ottali,

Poh. Come detto, quello e` un estratto: quel campo viene validato da un altro script che lavora sul suo event handler "onkeyup", e che parsa con la radice 10 e poi riscrive, dopo altri controlli, il campo. La funzione che contiene quel codice e` legata alla validazione di tutto il form. In forma completa e` questa:

        deliveryFormSubmit = function () {

            var i, j, f, m, r, t;
            var amounts, froms, tos;

            var typesToSave = [

                        'A', 'B', 'C', 'M',
                        '820f', '821d', '821f'

                ];

            var fieldsToSave = [

                        'deliveryFormDateDay',
                        'deliveryFormDateMonth',
                        'deliveryFormDateYear',
                        'deliveryFormRecipientName',
                        'deliveryFormRecipientIdNumber',
                        'deliveryFormCounselingAgency',
                        'deliveryFormAgencyCode',
                        'deliveryFormTt951956Amount',
                        'deliveryForm1561nAmount',
                        'deliveryFormSignatureDate'

                ];

                if (!deliveryFormValidate ()) {

                        return;

                }

                r = { };

                for (i = 0; i < fieldsToSave.length; ++ i) {

                        f = fieldsToSave [i].split ('deliveryForm') [1];
                        f = f.charAt (0).toLowerCase () + f.substr (1);
                        r [f] = $(fieldsToSave [i]).value;

                }

                for (i = 0; i < typesToSave.length; ++ i) {

                        t = typesToSave [i];
                        m = fetchBadges (parseInt ($('deliveryForm' + t + 'LotAmount').value), t);

                        amounts = [ ];
                        froms = [ ];
                        tos = [ ];

                        for (j = 0; j < m.length; ++ j) {

                                amounts.push (m [j].n);
                                froms.push (m [j].first);
                                tos.push (m [j].last);

                                if (stock ({ type: t, first: m [j].first, last: m [j].last }).first ()) {

                                        stock ({ type: t, first: m [j].first, last: m [j].last }).remove ();

                                } // entire lot used

                                else {

                                        stock ({ type: t, first: m [j].first }).update ({ first: new Badge (m [j].last, t).offset (1).b });

                                } // lot partially used

                        }

                        f = t.toLowerCase ();
                        r [f + 'LotAmount'] = amounts.join (',');
                        r [f + 'LotFrom'] = froms.join (',');
                        r [f + 'LotTo'] = tos.join (',');

                }

                deliveries.insert (r);
                stockListLoad ();
                deliveriesListLoad ();
                deliveryFormClear ();

        }

> altre variabili con nome poco significativo (f è come m, se non serve fuori dal loop prefissala con var per non sporcare il namespace).

Sta per "field".

p.s. il namespace globale contiene praticamente solo tre oggetti: stock, deliveries e dbSync. I primi due sono i due DB di TAFFY con cui lavora, il terzo e` un oggetto in fase di sviluppo per le richieste CORS al database remoto, insomma questo:

        Sync = function (url, pp) {

            var q = new XMLHttpRequest (),
                f = false,
                h = false;

                this.url = url;
                this.pp = pp;

                this.post = function (data, responseHandler) { if (f == false) {

                        h = typeof (responseHandler) == 'function' ? responseHandler : false;

                        if (q) {

                                f = true;
                                q.open ('POST', this.url, true);
                                q.onreadystatechange = this.rscHandler;
                                q.send ();

                        }

                }}

                this.rscHandler = function () { if (q.readyState == 4) {

                        f = false;

                        if (h) {

                                h.call (q.status == 200 ? q.responseXML : false);

                        }

                }}

        }

che e` un abbozzo ancora da sviluppare. Non spedisce ancora dati ne` usa pp che e` intesa essere una passphrase (come una password, ma piu` una frase). Alla fine lo faro` passare da https, ammesso che le richieste CORS funzionino anche di li`. Comunque se hai altri appunti, scrivi pure.

**Modificato dall'autore il 24.03.2013 22:09**

> Non mi torna una cosa, se fai un xmlhttp verso un dominio diverso da quello della pagina non è il browser stesso a bloccare la richiesta?
>
> Edit: letto adesso, fai prima una OPTIONS per se si può.

A volerci trovare il difetto, le richieste CORS funzionano solo su versioni recenti di IE (oltre che su tutti gli altri da strani eoni), pero` alla MCTC di Lucca mi dicono che hanno tutti installato Chrome, sicche` penso di non dovermi preoccupare. Ad altri, eventualmente diro` di aggiornare IE o passare ad altro. Non e` bello, ma e` salutare.

>

Bellina!
Se mi ci scontrassi, potrei fare affidamento sul MIO, di tubi.

> L'header in questione sarebbe "Access-Control-Allow-Origin:" seguito, per la massima "apertura", da un asterisco a significare che la risposta dovrebbe essere accettata da qualsiasi dominio ne abbia fatto richiesta javascritta.
>
> Sarebbe supportato ormai da tutti (ultimo fra i famosi, IE10).
> Pero` non so se ho capito bene.

Si`, si direbbe proprio cosi`, ho provato degli esempi live e almeno da un sito a un altro, funzionano. Quel che e` da vedere e` se ANCHE da un file locale verso un sito funzionano. Non e` detto ma sperimentero`. In qualche modo vorrei proprio riuscire a evitare di dover installare piu` di un semplice, singolo file html da tenersi dove piu` aggrada all'utente. Perche` per il resto, l'estetica di un gestionalino scritto cosi` e` fenomenale.

http://anynowhere.com/personal/jsdbtest-final.png

Lato client, il lavoro e` finito, fa tutto quel che deve fare.
Lato server, adesso tocca al salto nel buio.

> > > Che diamine...?
> > >
> > > Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh?
> > >
> > > <pensiero>
> > > Come minimo gli sembrera` una cagata,
> > > oppure avra` un modo gia` pronto per farlo con due righe.
> > > </pensiero>
> >
> > Quindi la pagina html starà sul tuo servero vero? Sennò la same-origin-policy si arrabbia.
>
> Ah gia`, porca miseria me la sono scordata.
>
> E se non faccio una richiesta xmlHttp e metto un semplice form da spedire con il contenuto del DB in metodo POST, s'arrabbiera` lo stesso? Mi sa che dovro` sperimentare un po'...

p.s.

ci sarebbe anche questo CORS, che funzionerebbe, se ho ben capito, aggiungendo un header alla risposta del server, e questo header permetterebbe di ricevere la risposta tramite il javascritto che ha postato una XMLHttpRequest.

https://developer.mozilla.org/en-US/docs/HTTP/Acce...

L'header in questione sarebbe "Access-Control-Allow-Origin:" seguito, per la massima "apertura", da un asterisco a significare che la risposta dovrebbe essere accettata da qualsiasi dominio ne abbia fatto richiesta javascritta.

Sarebbe supportato ormai da tutti (ultimo fra i famosi, IE10).
Pero` non so se ho capito bene.

> > > > > > > ma un mini-serverino nodejs (che funziona benone anche su windows) che ti fa le crud su file .json?
> > >
> > > Visto che mi annoiavo ho scritto il serverino per alex, si salva in rw.js e si lancia con "node rw.js", GET legge il file, POST lo sovrascrive:
> > >

> > > 'use strict';
> > > 
> > > var http = require('http'),
> > > fs   = require('fs');
> > > 
> > > var prefix = __dirname;
> > > 
> > > var server = http.createServer(function(req, res) {
> > > if (req.headers['content-type'] !== 'application/json') {
> > > res.writeHead(405);
> > > res.end();
> > > return;
> > > }
> > > if (req.method === 'GET') {
> > > fs.readFile(prefix + req.url, 'utf8', function(err, data) {
> > > if (err) {
> > > res.writeHead(500);
> > > res.end();
> > > return;
> > > }
> > > res.writeHead(200, {'Content-Type':'application/json'});
> > > res.end(data);
> > > });
> > > } else if (req.method == 'POST') {
> > > fs.open(prefix + req.url, 'w', function(err, fd) {
> > > req.on('data', function(data) {
> > > fs.write(fd, new Buffer(data), 0, data.length, null, function(err, written, buffer) {
> > > if (err) {
> > > res.writeHead(500);
> > > res.end();
> > > throw err;
> > > }
> > > });
> > > });
> > > req.on('end', function() {
> > > fs.close(fd, function(err, fd) {
> > > if (err) {
> > > res.writeHead(500);
> > > res.end();
> > > throw err;
> > > }
> > > })
> > > res.writeHead(204);
> > > res.end();
> > > });
> > > });
> > > }
> > > });
> > > 
> > > server.listen(8080);
> > > 

> > >
> > > Poi davanti a questo ci metti nginx (anche questo c'è anche per windows) con la seguente confa:
> > >

> > > events {
> > > worker_connections 64;
> > > }
> > > http {
> > > server {
> > > location / {
> > > root wwwroot;
> > > index index.htm index.html;
> > > if ( $http_content_type = application/json ) {
> > > proxy_pass http://127.0.0.1:8080;
> > > }
> > > }
> > > }
> > > }
> > > 

> > > E lui deve solo adattare il javascritto di frontend.
> >
> > Funziona anche con XAMPP?
>
> Penso di sì, xampp è un apache come frontend? in quel caso devi cambiare la conf per fare la stessa cosa, ovvero se content-type è application/json lo giri verso la 8080.

Che diamine...?

Ah per il fatto che il DB localstorage ha una certa tendenza alla volatilita`? Be', e` a quello che serve il server remoto, cioe` il mio, dove registro l'utenza e faccio interpretare le richieste a uno scriptino php che le smista sul server MySQL. Nel programmillo javascript, pondero di inserire una funzioncina di facilissimo uso che, data una frase di passo, si collega al mio server e lo sincronizza con la versione del DB in localstorage. Con un timestamp decido quale versione e` piu` recente e cosi` se un utente sposta il javascript su un altro computer, quello si sincronizza subito col server e ripesca il database. Che ne pensi? Eh? Eh?

<pensiero>
Come minimo gli sembrera` una cagata,
oppure avra` un modo gia` pronto per farlo con due righe.
</pensiero>

> > Avevo inquadrato anche il wannabe-ciliegio, quello sterpo che a un certo punto si vede davanti al gazebo e che non vuol saperne di fiorire. Quand'e` che fioriscono i ciliegi?
>
> Dipende dal posto. Qui in Gattosilvazia siamo ancora a fine inverno.

Qui e` stata una bella giornata, sembrava di essere a meta` maggio, dopo infiniti giorni di pioggia e/o nuvolaglia grigiastra. Pero` il meteo prevede che fosse solo un caso isolato: da domani si ricomincia con la nuvolaglia.

Certo la temperatura e` buona gia` da un po', sui 13-14 gradi all'ombra. Pero` gli altri giorni la luce del sole ci e` mancata tanto.

> > Secondo me sta seccando e non fiorira` piu`.
> >
> > Una volta, quasi nello stesso punto c'era un ciliegio di vent'anni, ormai alto quasi dieci metri, che l'anno scorso secco` e che il vento butto` giu`. Le faceva dolcissime e mi ricordava Mary Lou che amava arrampicarsi sull'albero. Ci rimasi male e piantai quest'altro, ma e` rimasto li` dall'ottobre scorso.
>
> M'hai ricordato che a maggio devo provare a margottare il nostro ciliegio vicino al pozzo. Uno dovrebbe sempre fare una copia di backup dei propri ciliegi.

Un paio di backups ci sarebbero sul monte, ai margini dell'oliveto di babbo, insieme a un pesco, un vecchio fico e qualche altro albero da frutto che non ricordo. Pero` sul monte non e` la stessa cosa che andare in giardino a prendersi le ciliegie, sciacquarle e mangiarle sul momento. D'altronde, il giardino e` in tutto sui 150 metri quadri e due ciliegi non c'entrano bene. O quello ha attecchito, o son fregato e mi tocchera` riprovare.