[解決済み] シングルページJavaScriptのWebアプリケーションのアーキテクチャ?
2023-02-12 15:06:13
質問
複雑な単一ページの JS ウェブアプリケーションは、クライアント側でどのように構造化されるべきでしょうか。具体的には、モデル オブジェクト、UI コンポーネント、任意のコントローラー、およびサーバーの永続性を処理するオブジェクトの観点から、アプリケーションをきれいに構造化する方法について興味があります。
MVC は、最初は適合するように見えました。しかし、さまざまな深さでネストされた UI コンポーネント (それぞれがモデル データに作用/反応する独自の方法を持ち、それぞれが直接処理するかどうかわからないイベントを生成する) によって、MVC をきれいに適用できるようには思えません。(しかし、そうでない場合はご指摘ください)。
--
( この質問 の結果、ajaxを使うという2つの提案がありましたが、これは最もつまらない1ページアプリ以外のものには明らかに必要です)。
どのように解決するのですか?
のMVCアーキテクチャは PureMVC/JS は最もエレガントだと思います。私はそこから多くを学びました。また、私は スケーラブルなJavaScriptアプリケーションのアーキテクチャ はクライアントサイドのアーキテクチャの選択肢を研究する上で役に立ちました。
他の 2 つのヒント
- 私は、ビュー、フォーカス、および入力管理が、単一ページの Web アプリケーションで特に注意を要する領域であることを発見しました。
- また、JS ライブラリを抽象化し、使用するものに対する考え方を変えたり、必要に応じて組み合わせたりすることができるようにすることも有用だと思いました。
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] $.ajax実行中にローディングイメージを表示する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScriptで名前空間を宣言するには?
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] ジェスト あるクラスの特定のメソッドをモックする方法
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?