2009-10-28 15 views
18

Ho recentemente iniziato a creare alcuni plugin jQuery e trovo difficile documentarli con gli strumenti di generazione di documentazione che ho trovato. Ho provato: JSDoc, JSDoc-toolkit, JGrouse e anche uno strumento basato sul web. Il mio più grande mal di testa è che i miei plug-in sono codificati come una grande funzione anonima, e ho difficoltà a trovare gli strumenti per riconoscere ciò che sto facendo, o ignorarlo del tutto e lasciami digitare i tag della documentazione per i metodi , oggetti, ecc.Quali strumenti sono disponibili per la documentazione dei plugin jQuery?

Esistono altri strumenti che potrebbero essere utili per documentare i plugin jQuery?

Grazie, Sandro

risposta

6

Avete dato un'occhiata al Natural Docs? Potrebbe non avere molto supporto esplicito per JavaScript, tuttavia fa comunque un buon lavoro. Ovviamente puoi ingannarlo per non capire il codice, ma se giochi bene con esso, può essere uno strumento incredibile.

+0

Ho appena dato un'occhiata a NaturalDocs. Sembra che sia gratis ora. Finora è bello. Sembra che tu possa ottenere il premio, anche se, speravo in un certo numero di esempi di codice come la prima risposta qui sotto. Oh bene, posso capire il resto. :) – Sandro

+0

Gli esempi di codice di Facebook vengono forniti con una maggiore quantità. ;) – Johan

+0

Grande scoperta! Stavo cercando anche questo strumento. +1 – naikus

5

Javascript strumenti di documentazione sono ancora relativamente immaturo, quindi non ci sono oltre 50 quelli che ci sono per esempio JavaDoc, e quelli che esistono non gestire casi complessi come spina jQuery -in (o almeno nessuno di quelli che abbia mai visto).

Tuttavia, Javascript è un linguaggio estremamente flessibile, quindi è possibile semplicemente riscrivere i plug-in in un modo che rende felice lo strumento di documentazione.

Per esempio, invece di:

(function($) { 
    $.yourMethod = function() {/* do something */} 
})(jQuery); 

si potrebbe fare:

function yourMethod = function() { 
    /* do something */ 
} 

(function($) { 
    $.yourMethod = yourMethod; 
})(jQuery); 
delete yourMethod 

o semplicemente:

jQuery.yourMethod = function() { 
    /* do something */ 
} 

Queste due opzioni non sono realmente identiche; il primo sovrascriverà qualsiasi funzione yourMethod esistente e quest'ultimo non avrà la "privacy" del formato plug-in standard. A seconda di cosa stai scrivendo questo plug-in, questi problemi potrebbero non avere importanza per te.

In caso contrario, il re-styling del codice potrebbe essere un metodo valido per rendere analizzabile il tuo JSDoc. Se no ... buona fortuna trovare uno strumento JSDoc abbastanza maturo (o scrivere il proprio) :-)

+2

Ciao, ho notato come altri sviluppatori cambiare lo stile del loro codice JavaScript e la documentazione escono bene. Di nota è: http://www.jenitennison.com/rdfquery/index.html ha una buona documentazione per il suo plugin jQuery. Potrei avere solo bisogno di studiare la sintassi per quel plugin e provare ad emulare lo stile .. Grazie! – Sandro

3

Ho usato doxygen in questo modo:

/** @cond */ 

jQuery(function($){ 

    $.fn.TestFunction = function(){ testvar="test1";test("test2");alert(testvar); } 

/** @endcond */ 

    /** DoSth Function */ 
    function test(testvar) 
    { 
     alert(testvar); 
     var testvar="test3"; 
     alert(testvar); 
    } 

/** @cond */ 

    delete test; 
}); 

/** @endcond */ 
Problemi correlati