問題タブ [singlepage]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
1994 参照

backbone.js - シングルページアプリでルート以外の URL を処理する方法は?

Rails 3.2 と Backbone.js で pushState オプションを使用してシングル ページ アプリを作成しようとしましたが、理解できない問題に直面しました。

アプリのルート URL (/) を読み込むと、すべてがうまくいきます。Rails は、JSON エンティティ用の XHR を作成してコンテンツをレンダリングするバックボーンをブートストラップする JS を含む HTML レイアウトを返します。

しかし、ルート以外の URLからアプリの使用を開始すると(たとえば、ブラウザーのアドレス バーに手動で入力することによって)、Rails は、routes.rb のルーティング ルールを使用してこの要求を処理しようとします。これは間違っています。これは「バックボーンの」ルートだからです。 . その場合、この URL を処理するためにページとブートストラップ バックボーンをロードするにはどうすればよいですか?

0 投票する
1 に答える
615 参照

javascript - シングル ページ アプリのセキュリティの問題

Backbone.js を使用して単一ページのアプリを開発していますが、自分自身に質問をしていました。

サーバー上のレンダリングページに依存するアプリを開発している場合、ユーザーが管理者であるかどうかに応じて、一部の部分を表示する方法または表示しない方法を知っています(単なる例)。

しかし今、私は Backbone.js とアンダースコア テンプレートを使用してビューを作成しています。クッキーの値を変更するだけです。サーバー側でユーザーが許可されていることを確認するだけで解決できます。

私が考えている他のチャンスは、サーバーにこの具体的なコードを要求し、それらを適切なサイトに貼り付けることです

どう思いますか?

ありがとう

0 投票する
1 に答える
558 参照

html - オフラインのシングルページアプリケーションにHTMLを含める方法

HTMLのレンダリングにテンプレートを使用するオフラインのシングルページアプリケーションを構築しています。

アプリケーションはどんどん大きくなっていて、これから他の開発者と一緒に仕事をするつもりなので、HTMLを含めるための何かが存在するのだろうかと思います。

1ページが長くなりすぎているので、index.htmlの4000行のコードを分割できれば幸いです。index.htmlには8ページが含まれ、9ページに8ページが含まれています。

誰かが解決策を知っていますか?

0 投票する
3 に答える
1740 参照

javascript - シングル ページ アプリケーションと ASP.NET MVC

この二人は相性がいいのでは?方法を説明する参照/スクリーンキャスト/本はありますか:

  • ASP.NET MVC 3/4 の上にプリミティブ SPA を構築します (次の 2 つの要件が順守されていれば、他の言語/フレームワークは問題ありません。
  • フォールバックで使用History APIします。History.js
  • ルートを構成します。
0 投票する
1 に答える
1351 参照

javascript - ページがしばらく開いた後、jquery-ui メソッドを使用すると極端に遅くなる

したがって、私の Web ページはどこでも多くの jquery を使用しています。これは単一ページの JavaScript アプリケーションであり、jquery を使用してほとんどすべての HTML を手作業で作成しています。ドラッグ可能でサイズ変更可能な div がたくさんあります。jquery-ui-effects .hide と .show をスライド アニメーションと共に使用して、いくつかの div を移動します。

アプリケーションを起動すると、すべてが問題なく動作しますが、ページが開いてから 10 ~ 15 分後には、jquery-ui メソッドを使用するすべてが非常に遅くなり、使用できなくなります。div の 1 つをサイズ変更しようとすると、コーナーで最初にマウスを押したときに速度が大幅に低下し、クリックを離した後、ページが再び応答するまでに数秒かかります。ドラッグアンドドロップも同様です。div で $().draggable および $().resizable を呼び出すのにも多くの時間がかかります。奇妙なことに、ドラッグとサイズ変更自体は遅くはなく、開始/終了するだけです。ページが開いている時間が長いほど、遅くなります。

ページの他のすべての機能は、ページが開いてから 1 時間経過した後でも問題なく動作します (基本的なキャンバス描画が配置されていて、jquery-ui 機能ではなく他の jquery も正常に動作します)。ブラウザが使用するメモリが 150 MB を超えることはないため、親のメモリ リークはありません。

問題は私の開始/停止のサイズ変更/ドラッグ機能にあると言う人もいるかもしれません。速度を変えずにそれらを削除しようとしたためではなく、アニメーションの速度低下についても説明できません。

アニメーション時に CPU 使用率が 100% になり (私はシングル コア システムを使用しています)、jquery-ui 関数を使用していない場合は 0% のままです。アニメーション機能をプロファイリングすると (ページが 30 分以上開いた後)、curCSS という名前のメソッド (jquery-1.8.1.js 行 6672) が CPU 時間の 95% を使用していることがわかります。アプリケーションを起動してから数秒後にアニメーションを実行すると、この同じ関数は 4.5% しか使用しません。

jquery-1.8.1 と jquery-ui 1.8.22 を使用しています。

コードのどの部分が間違っているのかわからず、コードベース全体が巨大であるため、すべてのコードを投稿することはできません。アニメーションは次のように行われます。

これは問題ではないと思いますが、アニメーションはかなり標準的なものです。

何を探すべきかについてのヒントは大歓迎です。

0 投票する
2 に答える
199 参照

package - Concrete5: マイシングルページの中心部分を取り、ホームページに表示させる

私の Concrete5 内には、実際にコア機能 (コミュニティ接続) を構成する多くの単一ページを含むパッケージがあります。

検索機能を含む特定のページが 1 つあります。そのページの中央部分を取得して、何らかの方法でホームページ、div 要素などに表示する方法はありますか?

0 投票する
3 に答える
1394 参照

loops - SilverStripe: ループ If ステートメント

SilverStripe で単一ページのポートフォリオを構築しています。

これまでのところ、サイトをループすることができ、すべての $Title[s] と $Content[s] が 1 つで表示され<div>ます。現在のページ(ループされている)の名前が「Contact」の場合、特定のCSSクラスを添付したいと思います。

何かのようなもの:

誰もこれを行う方法を知っていますか?

0 投票する
1 に答える
161 参照

c# - SPAアプリケーションの構築。RenderBodyを呼び出す必要がありますか?

を使用してSPAアプリケーションを構築しています。必要なページは1つだけですが、この事実は私に多くの混乱をもたらします。 応答を返します。私が理解している限り、特定のビューはまったく必要ありません。私は正しいですか?Backbone.jsback-endASP.NET Web APIApiControllerjsonasp.net

メインページにプレーンHTMLを使用できますか?または、代わりにを使用*.cshtmlして電話をかける必要がありますか?RenderBody

最初のオプションを選択した場合、検証をどのように処理しますか?

ありがとう!

0 投票する
1 に答える
845 参照

javascript - RequireJS必須クラスの破棄

requireJSを使用して、html5シングルページWebアプリケーションにJSモジュールを動的にロードしています。ガベージコレクターがモジュールをクリーンアップできるように、requireJSがロードされたモジュールを使い終わったら破棄する必要があるかどうかを知りたいだけですか?もしそうなら、requireJSから必要なモジュールをどのように破棄しますか?

前もって感謝します

0 投票する
1 に答える
371 参照

javascript - Win8 Metro (JS/HTML5) - ページ ナビゲーション後にビデオが表示されない

私は、2 つのナビゲーション可能なページを持つメディア再生アプリに取り組んでいます。ユーザーが動画ページから移動して戻ってきた場合に、同じオブジェクトが div に読み込まれ、ユーザーが中断したところから簡単に再開できるように、動画オブジェクトを保存したいと思います。

私の問題: ユーザーが動画ページに戻ると、動画要素が最初から再読み込みされ、既存の動画データを読み込むことができません。その結果、画面にビデオが表示されません。ただし、プレーヤー コントロールは元のビデオ オブジェクトに関連付けられており、期待どおりに動作し続けます。

私はこれらの言語に慣れていないので、アドバイスがあればとても助かります。一生解けません。

これがコードです。mediaSession とフラグを別のスクリプトで初期化して、ページ ナビゲーション中に保持されるようにします。

プレーヤー ページの HTML:

プレイヤーページJS(抜粋):