問題タブ [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 投票する
1 に答える
119 参照

mod-rewrite - mod_rewrite: サブドメインを書き換えない

mod_rewrite でサブドメインへのリクエストを免除する方法はありますか? 現在、すべてを index.html にリダイレクトする 1 ページのアプリがあります。

しかし、subdomain.mydomain.com への呼び出しが永久に書き換えられないようにしたいのです。

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

installation - MVC4RCにシングルページアプリケーションテンプレートがありません

開発用PCにMVC4ベータ版をインストールすると、SPA(シングルページアプリケーション)用のテンプレートがありました。今日、同じセットアップ(VS2010 SP1、win7)の別のPCに、MVC4 RCをインストールしましたが、SPAテンプレートは使用できなくなりました(画像を参照)。この問題を抱えている人は他にいますか?それとも、これは私が見つけられなかった文書化された変更ですか?

ここに画像の説明を入力してください

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

jquery - 間違ったセクションで開く単一ページのWebサイト

そこで、jQueryのスムーズなスクロールを使用してWebサイトのセクションに移動する単一ページのWebサイトを作成しました。何らかの理由で、ブラウザでページを開くと(複数のブラウザとコンピュータでテスト済み)、Webサイトはページの上部ではなくページの途中で開きます。

これが、スムーズなスクロールを作成するために使用しているスクリプトです。

こちらがウェブサイトです

http://usspcatalystcentre.org.uk/

よろしくお願いします、トム

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

javascript - 新しいウィンドウを開かずに単一ページ アプリで Dropbox 認証を行うには?

Dropbox や LinkedIn などの他のサービスと統合するシングル ページ アプリがあります。たとえば、Dropbox には優れた API があり、別のウィンドウで Dropbox の認証リンクを開くことで認証が機能しました。ユーザーが認証されたら、その新しいウィンドウを閉じてアプリに戻るように依頼します。

明らかに、これはユーザーを私のアプリから遠ざけるので最適ではなく、タブレットではさらに面倒です。

ライトボックスやモーダルフォームなど、アプリ内で認証を行うにはどうすればよいですか?

統合自体はクライアント側ではなくサーバー側で行われることに注意してください。現在、Dropbox の認証ページには、認証が成功したことをサーバーに通知するコールバック ページがあります。このページは、後で使用するためにデータベースのユーザーのテーブルに保存されます。

注:報奨金のコメントは次のようになります。コード サンプルは非常に望ましいですが、必須ではありません。

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

javascript - AngularJS の Disqus など、単一ページの JavaScript MVC アプリケーションのコメント フレームワーク

バックエンドを持たないが、データの保存にmongolabを使用する単一ページのAngularJSアプリケーションに取り組んでいます。

また、同じ URL を使用してすべての呼び出し (CRUD やフィルタリングなど) を行い、hashbang ( #) の後の部分のみを変更します。

したがって、URL はmysite.com/#!/、メイン ページ、mysite.com/#!/view/:idストーリーの表示、mysite.com/#!/edit/:id編集などのようになります。

サードパーティがホストするコメント ツールを使用して、ユーザーが各ストーリーにコメントできるようにしたいと考えています。私は Disqus と Livefyre を試しましたが、これらはハッシュバンの前に URL に関連付けられているため、すべての Web サイト ページが 1 つのページにすぎません。Disqus をリロードしようとしましたが、毎回独自の JavaScript を再アタッチしようとするため、何度もロードすると js エラーが発生します。私は Facebook のコメントを見てきましたが、ページ ID さえ持っていないため、コメントはサイトごとにしかありません。

Disqus には独自の API がありますが、API の最新 (かつ唯一の) バージョン (3.0) への JS バインディングはなく、自分でバインディングを作成するのは少し過剰に見えます。

AngularJS またはホストされているソリューションと一緒に使用できる優れた JS コメント フレームワークを知っている人はいますか?

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

java - Javascript フレームワークと Java Web フレームワークの統合

奇妙な質問かもしれないと思うことがあります。

最近、私はいくつかの Java Web フレームワーク (primefaces を使用した jsf) で遊んでいましたが、フォーム データの処理や jsf コンポーネントと一緒に遊ぶときに非常に優れていることに気付きました。grails を使用したプロジェクトも行いましたが、これもフォーム データに役立ちました。

しかし、少し逸脱する必要がある何かをしたい瞬間。その後、私は奇妙なことをしていることに気付きました (例としては、primefaces を使用した大きな強度値を持つタグ クラウドと、grails を使用した単一ページの Web アプリケーション フォームがあります)。

これにより、私の grails 用の非常に厄介な html+javascript コードが作成されました (これは、javascript の経験不足のせいです)。これは、式言語 (この場合は grails) を使用して JavaScript の一部を設定していたためです。最悪の部分は、サーバー ページにインラインで大量のカスタム JavaScript コードがあったことです (少しリファクタリングすることもできますが、1 つのページ内にまだ多くの JavaScript 呼び出しがあると思います)。

それでは、質問に進みます:)

  • [主な質問] サーバー ページ (gsp、xhtml など) で保守可能な JavaScript を設計または少なくとも実装する方法を示すリソースはありますか?

その理由は、きちんとした JavaScript フレームワークがいくつかあることを発見したためですが、サーバー側フレームワークの表現言語を考慮すると、それらをサーバー ページで使用するのは少し不自然に思えます。この種のことをするのが普通でない限り:) ?

  • javaを使用した単一ページのWebアプリケーションに適したフレームワークはありますか?

私の現在の答えは、GWT、Vaadin (GWT に基づく)、そしておそらく JavaFX が適格であるということです。ZK、Flex、および (Grails/Roo + Flex/GWT) も同様に認定されるのでしょうか?

  • Java Web フレームワークは、プレゼンテーション レイヤーで引き続き使用できますか?

私の現在の答えは、より適切な言葉がないため、ポータル タイプの Web アプリまたは Web 1.0 アプリを扱っている場合に発生する可能性があるというものです。もう 1 つのケースは、多くの役割ベースのセキュリティを使用していて、役割に基づいてフィルターで除外したいが、それにも反論がある場合です。これに対する私のもう 1 つの答えは、Java サーバーを使用して Web サービスを提供し、フロント エンドを実行するために別のものに依存する方がよいのではないかということです。

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

web-applications - Asset Pipeline を使用した Rails の代替

Rails を使用して単一ページの Web アプリを作成しています。私は実際には Rails をまったく使用しておらず、アセットのコンパイルが非常に遅いため (私が Rails を使用するのはこれだけです)、もっと高速なものが必要です。

Heroku で実行される限り、ほとんどのフレームワークを受け入れます。

私が本当に必要としているのは、Coffeescript のサポートと hamlc のサポート (https://github.com/netzpirat/haml-coffee) です。

今日もSASSを使用していますが、構文が似ている限り、他のものに切り替えることは自由です。

Rails の最も重要な機能はアセットのパッケージ化であり、変更を確認するために Web サーバーを再起動する必要はありません。

キャッシュバスターがアセットファイル名に追加され、アセットが連結されていることは絶対的な要件です。

それで、アイデア?node.js は強力な議論になると思いますが、ノード用の優れたアセット パイプラインを作成した人はいますか?

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

html - # URL が %23 としてエンコードされ、サーバーに渡される

私たちの単一ページ アプリには、ハッシュ ベースの URL (つまり #map) が含まれています。

以下のようないくつかのエラーがログに表示されました。

ある条件下では、ハッシュタグが特殊文字として扱われるのではなく、エンコードされているようです。

ちなみに、ソースの grep は、その特定の場所へのナビゲーションが 1 回発生したことを示します。

この問題を引き起こすシナリオを再現できませんでした。まれにしか発生しません。IE 7-9 でログに記録されています。このエラーは他のブラウザでも発生する可能性がありますが、IE でのみ記録されています。サンプル ユーザー エージェント:

この動作が発生する可能性のあるシナリオを知っている人はいますか?

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

javascript - シングルページアプリケーションのログインページ

シングル ページ アプリケーションを作成しています。ログイン ページを同じページに配置しないでください。別の HTML ページとしてログインする必要がありますか、それとも同じページでもログインできますか。

別のページとしてログインしている場合、ロードした最初のページによっては、クライアント側で他のページにリダイレクトする必要があります。

つまり、最初に SPA をロードし、ユーザーがログインしていない場合は、クライアント側のログイン ページにリダイレクトする必要があるとします。最初にログインページをロードし、ユーザーがすでにログインしていると仮定すると、クライアント側でSPAにリダイレクトする必要があります。

この問題の一般的な解決策は何ですか?

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

slider - スライドショーの下の黒いピクセルを取り除くことができません

このWeb サイトで問題が発生しました。ホームページの flexslider 画像カルーセルの左下にある黒いピクセルです。

取り除くことはできないようですが、 に関連付けられているようulです。