Comment concevoir une bibliothèque?

Question

Nous venons de commencer notre nouvelle mission - projet Web. Avant d'aborder directement la question, il faudrait expliquer le projet.

Nous déplaçons actuellement un produit du bureau au web. Ça y est. Tous les services backend sont des services Web. Notre choix de technologie de serveur sera .NET. Comme nous sommes bons avec cela et le client en est équipé aussi. Donc, nous allons faire tout le travail du serveur dans ASP.NET AJAX. PageMethod sera le choix préféré pour communiquer avec le serveur (C# 3.0) et le client (JavaScipt). Il y aura un réel besoin de jQuery pour analyser le DOM et l'analyse XML. Nous ne mettons pas d'effort pour réinventer la roue.

Maintenant, il y a des choses que nous devons faire et surtout ce sera en JavaScript. Nous aimerions l'emballer en un.

E. John a fait une session très utile sur 'Building a JavaScript Library' ce qui est très utile. Il garde sûrement de cette façon.

Une assez bonne quantité d'ingénieurs JavaScript sont ici. Et j'aimerais avoir leurs recommandations et suggestions avant de recommencer.

Connaissez-vous de bonnes références sur la conception de la bibliothèque JavaScript? Si vous avez tous créé votre propre bibliothèque JS, qu'est-ce que vous en avez appris? Avez-vous regarder dans gmail/googledocs/facebook JavaScript? Qu'avez-vous appris de cela?

Merci.

Answer 1

Commencez avec quelque chose comme ceci:

var yourNamespace = yourNamespace || (function() { 
    "use strict"; 
    // private variables here 
    return {{whatever you want yourNamespace to be here}}; 
}()); 

Answer 2

Pour concevoir une bibliothèque javascript -

1. Identifier ce que vous écrivez souvent sont les fonctions. Enregistrez-les dans un fichier .js séparé.
3. Conserver un journal ou un bloc de commentaire au-dessus de la version de développement et mise à jour pour refléter le contenu de le fichier.

Terminé.

Answer 3

1. Utilisez un webservice pour connexion db et exec les requêtes ..

2. Créer SERVICE.JS, dans cet appel fichier service Web avec la méthode jquery.ajax

3. Créer un DESIGN.JS, dans ce fichier faire tout ce qui concerne l'interface utilisateur (onclick, initialiser, remplir des grilles, des combos, etc.)

4. Créer un GLOBAL.JS, dans ce fichier créer des variables globales pour une utilisation partout (par exemple: UserId)

5. Créer un HELPER.JS, dans ce fichier créer des fonctions utiles pour une utilisation partout (par exemple: function DATE_TO_STRING (_date))

6. Tous les fichiers .JS utilisent l'exemple namespaces pour GLOBAL.JS:

   (function() { 
   var GLOBAL = { 
   
       CurrentUserId:-1 
   } 
   
   if (!window.GLOBAL) { window.GLOBAL = GLOBAL; } 
   

   })();

7. Ne pas utiliser les composants ASP.NET. Utilisez les entrées html, textarea etc