Meilleures pratiques JavaScript: comment implémenter des applications de longue durée (applications Web d'une page)?

Question

Existe-t-il des bonnes pratiques pour implémenter une application JavaScript de longue durée, c'est-à-dire une application Web composée d'une seule page et chargeant d'autres pages dans la zone de contenu via AJAX? (Gmail est un bon exemple.)

Je l'ai déjà lu pour et le contre, le référencement, la performance, etc. (http://stackoverflow.com/questions/1499129/one-page-only-javascript-applications), Je suis intéressé par les schémas de mise en œuvre. Je souhaite éviter les grandes structures (par exemple Cappuccino, Echo2, SproutCore, Claypool).

Comment gérer dynamiquement le chargement de contenu tout en conservant la partie #link de l'URL (pour les bookmarks)? Ne vous méprenez pas, j'ai une idée de la façon de mettre en œuvre moi-même, mais ce problème doit avoir été résolu avant.

Y a-t-il des articles à ce sujet? Peut-être une petite bibliothèque JavaScript?

Merci! Mark

Answer 1

J'ai trouvé JQuery Adresse http://www.asual.com/jquery/address/ extrêmement facile à mettre en place. $.address.change() vous savez à chaque fois que quelque chose a été cliqué (fonctionne aussi bien avec des va-et-vient) et vous juste analyser self.location.hash et construire votre application à partir de là. Il semble assez léger, si vous pouvez gérer en utilisant JQuery.

Answer 2

Voici un article pour vous aider à résoudre le problème des signets d'historique: http://codinginparadise.org/weblog/2005/09/ajax-dhtmlhistory-and-historystorage.html. C'est assez vieux, mais la solution fonctionne toujours.

J'ai fait plusieurs applications en utilisant cette "longue vie" des applications, et une chose que vous devriez prendre en compte est la tendance d'IE à la mémoire de fuite.

Je vous recommande également d'utiliser une bibliothèque JS, comme JQuery pour vous aider avec AJAX et DHTML.

Answer 3

Vous avez entendu parler de javascript pushstate?

http://badassjs.com/post/840846392/location-hash-is-dead-long-live-html5-pushstate

Il est destiné à remplacer location.hash