Javascriptで複数ページアプリケーションを構成する最善の方法

Question

JS/jQueryに移行するActionscriptプログラマとして、私は主にiOS向けの複数ページのアプリケーションを作成する必要があり、そのようなアプリケーションを構成する最善の方法を知りたいと思います。

ほとんどの場合、私のアプリはプレゼンテーションで、ページごとに異なる動作（ページ1のポップアップ、ページ2のスライダのグループ、ページ3のドラッグアンドドロップのアクションなど）があります。多くの場合、異なるページ間でいくつかの変数を追跡する必要があります。

今私はこれを次のように扱います：my_app.jsというスクリプトに共通の機能のグループがありますが、各ページには特定の任務を説明する専用のpageX.jsスクリプトがあります。私はstorage.jsライブラリを通して永続的な値を保存し、どうにかしてそれをまとめて動作させます。

しかし、私はこのアプローチの改善のための広大な領域があるかもしれないことを認識しています。だから、より多くの経験豊かな開発者がこの状況にどのように対処しているか知りたいと思います。

どうもありがとう、

ゴブリン

Answer 1

あなたが持っている構造が賢明十分（ページ固有のJSファイルによって補完共通JSファイル）を鳴らします。また、ストレージを使って適切なラインに乗っているように感じられます。

私があなたの状況で行うことは、あなたのコードがどのように建築に関して構造化されているかに焦点を当てています。 Stoyan StefanovのJavascript Patterns（O'Reilly）の第6章は、おそらくかなり啓蒙的なものであろう。

あなたの状況がこの方法論（多くのビュー）に適しているとすれば、おそらくJS MVCの実装を探るでしょう。

私はこれが散在していることを理解していますが、うまくいけばあなたにいくつかのアイデアを与えるかもしれません。ここで

Answer 2

は私が場所を正確にものを見つけるために知っている、とどこのものを置くためにこの設定でのもの

in/ 
modFOO.php 
modBAR.php 
in /js/ 
main.js 
resourceloader.php //this is a resource loader, so I can load multiple JS in a single request 
in /js/pages 
modFOO.js 
modBAR.js //javascript that for page modBAR 
in /css/ 
main.css 
resourceloadercss.php //this a resource loader, so I can load multiple CSS in a single request 
in /css/pages/ 
modFOO.css 
modBAR.css 

を整理する方法です。そしてファイル名modepic.cssに基づいて、私はファイルをどこに置くべきか正確に知っています（modepic用のCSSファイル）。

Answer 3

小規模なアプリではうまくいきましたが、別の回答者が言ったように、MVCアーキテクチャを見ていきます。 backbone.jsを心からお勧めします。かなり軽量で使いやすいです。

必要な場合は、必要な場合は、それぞれのコントローラのタイプをプラットフォーム（たとえばiPhoneSliderController、iPadSliderControllerなど）にサブクラス化（ 'extend'）するだけで簡単にコントローラーを作成できます（例：sliderController、dragDropControllerなど） 、desktopSliderControllerなど）。

私は、このアプリの詳細 - その背後のデータ、ユーザーがドラッグ/スライドすることによって達成しているもの - については、モデル、ビュー、およびコントローラのより具体的なレイアウトを与えることができます欲しいです。しかし、うまくいけば、これは良い出発点であり、backbone.jsのドキュメントを見れば、それがあなたのアプリケーションに適しているかどうかを知るはずです。