Comment mieux structurer le code Javascript multilingue?

Question

Nous réécrivons le code jQuery de notre service web et nous réfléchissons à une meilleure façon de l'organiser. Nous avons lu plusieurs questions, articles, etc. et c'est une première approche, mais nous aimerions recevoir des commentaires.

Nous allons avoir une classe pour chaque objet de la page (lieu, utilisateur, etc). Nous prévoyons d'utiliser Low Pro (Article) afin que nous ayons tout le code en un seul endroit.

Cependant, il y a quelques variables que nous devons passer de PHP (user.id, user.name, etc.). Nous avons pensé que la meilleure façon est d'imprimer un json et de le passer à une classe générale. TE.js y affectera des variables afin que les autres classes puissent les utiliser. Comme nous avons un web multilingue, nous devons avoir les messages en plusieurs langues. Nous ferons quelque chose de similaire aux réponses de Multilingual alert messages in JavaScript

Qu'en pensez-vous? Y a-t-il un meilleur moyen de charger le tableau initial? Toute autre suggestion ou article?

Merci!

Answer 1

Nous utilisons enfin Classy.js pour avoir des classes. Nous avons construit notre propre classe principale qui charge les params que nous imprimons en json sur l'attribut data-params de la balise body.

Nous avons la chaîne de traduction pour les classes js sur deux champs différents comme suggéré par Tom et Shan.

Answer 2

L'approche à laquelle vous avez lié entraînera une empreinte de bande passante plus importante pour les clients. Si vous envisagez d'avoir des milliers de paires de valeurs clés et de nombreux langages différents, considérez que seules les paires clé/valeur anglaises sont transmises aux clients ou que les paires clé/valeur française sont transmises aux clients.

Answer 3

Je stockerais tous les mots traduits dans des JS séparés afin qu'ils puissent être mis en cache par le client, et vous ne souffririez pas de données répétées (IE, plusieurs classes JQuery peuvent référencer le même index pour le même mot).