Convenzioni di denominazione / codice Angularjs [chiuso]


162

Qualcuno sa se esiste qualche riferimento ufficiale o più accettato per le convenzioni di denominazione angolare da utilizzare quando costruiamo le nostre applicazioni?

Angular ha molti tipi diversi di componenti come filtri, direttive, servizi e così via. Non saresti d'accordo sul fatto che avere una convenzione di denominazione di riferimento quando li implementiamo nelle nostre applicazioni avrà senso?

Per esempio:

Se dobbiamo creare nuovi filtri, come dovremmo chiamarli come [Something] Filter o filter [Something] o qualcos'altro?

E lo stesso vale per controller, servizi, direttive e così via.

Altre cose che mi chiedo è se le variabili / funzioni che appartengono all'ambito dovrebbero avere un prefisso o suffisso speciale. In alcune situazioni può essere utile avere un modo per differenziarli da funzioni e altro (nessun codice angolare).


Risposte:



45

Se sei un principiante, è meglio prima passare attraverso alcuni tutorial di base e successivamente conoscere le convenzioni di denominazione. Ho studiato quanto segue per imparare l'angolare, alcuni dei quali sono molto efficaci.

Tutorial:

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

I dettagli sulla struttura dell'applicazione e le convenzioni di denominazione sono disponibili in vari luoghi. Ho esaminato centinaia di siti e penso che questi siano tra i migliori:


33

Per strutturare un'app, questa è una delle migliori guide che ho trovato:

Nota che la struttura consigliata da Google è diversa da quella che troverai in molti progetti seed, ma per le app di grandi dimensioni è molto più sicura.

Google ha anche una guida di stile che ha senso usare solo se usi anche Chiusura .


... questa risposta è incompleta, ma spero che le informazioni limitate sopra siano utili a qualcuno.


19

Aggiornamento: STYLE GUIDE è ora su documenti angolari.

////////////////////////////////////////////////// ////////////////////////////////////////////////// ////////////////////////////////////////////////// //////

Se stai cercando una guida di stile supponente per sintassi, convenzioni e strutturazione di applicazioni AngularJS, entra subito. Gli stili qui contenuti si basano sulla mia esperienza con AngularJS, presentazioni, corsi di formazione e lavoro in team.

Lo scopo di questa guida di stile è fornire una guida per la creazione di applicazioni AngularJS mostrando le convenzioni che utilizzo e, soprattutto, perché le scelgo.

- John Papa

Ecco il link fantastico (più recente e aggiornato): Guida allo stile di AngularJS


6

Ho iniziato questa idea un anno fa: https://gist.github.com/PascalPrecht/5411171

Brian Ford (membro del core team) ha scritto questo post sul blog: http://briantford.com/blog/angular-bower

E poi abbiamo iniziato con questa specifica del componente (che non è del tutto completa): https://github.com/angular/angular-component-spec

Dall'ultimo ng-conf c'è questo documento per le migliori pratiche del core team: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.