問題タブ [crossroadsjs]
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.
javascript - 最適化された (r.js) で crossroads.js を使用するとエラーが発生し、セットアップが必要です
RequireJSを使用してアプリケーションを開発しました。最適化レイヤーはありません。各ファイルを個別にダウンロードする必要があります。外側のマークアップは次のとおりです。
これは問題なく機能しますが、100 個以上のファイルを使用すると、読み込み時間が実際に長くなります。それでは、 r.js の最適化を紹介しましょう。node と r.js を使用して結合ファイルを作成し、 に変更data-main="main"
しdata-main="_build/main"
ます。
次のエラーが表示されます。
エラー: 匿名の define() モジュールが一致しません: (crossroads.js の本体全体)
考え:
- 手動/帯域外の define() 呼び出しや匿名モジュールはありません。すべてがオプティマイザーを通過して、この 1 つのファイルに入ります。
- これは私たちのファイルではありません - crossroads.min.jsであり、オプティマイザが関与していない場合でも Require は問題なく処理できます。
私はまだ掘り下げていますが、誰かがここで時間を節約してくれることを願っています。
javascript - Crossroadsjs ルーティング: 使い方は?
私はこれと同じ問題に直面しています。交差点を数時間使用する方法を見つけようとしているのですが、何もうまくいかないようです。そのウェブサイトは、文書化されていない貧弱なサイトの 1 つです... 私はおそらくばかだと思います! 誰かがそれを作ったのだろうか?
htmlヘッド、
app.js は、これと同じくらい簡単です。
ローカルホストブラウザで試してみます
何も起こりません。と思いました123
??
javascript - Crossroads.js と router.js の比較
crossroads.js は router.js よりもずっと古いようです。crossroads.js に関するすべての記事は 2011 年のもののようです。
- どちらか一方を使用する理由
- 操作方法の違い
- 等
javascript - Crossroads と Hasher を使用したシングル ページ アプリケーション ルーティングの例
初めてのシングルページ アプリケーションを作成しようとしています。アイデアは、多くの<div>
タグを含む 1 つの HTML ファイルを持つことです。ここで、それぞれ<div>
が単一の Web「ページ」を表します。次に、アプリケーション<div>
は一度に 1 つだけを表示し、他のものを非表示にします。このようにして、ユーザーがアプリをナビゲートすると、実際にはさまざまな「ページ」div を表示/非表示にし、単一ページ アプリのような錯覚を与えます。
追加の要件は次のとおりです。
- これは HTML5 アプリです
- 各ページ div は、独自のブックマーク可能な URL ( 、 など) もマップする必要があり
http://myapp.example.com/#fizz
ますhttp://myapp.example.com/#buzz
。 - 各ページ div を焦がすことはブックマーク可能です。アプリは HTML5 履歴 API で動作する必要があります
ルーティングには Crossroads を使用し、履歴には Hasher を使用することにしました。もう 1 つの有力な候補は AngularJS でしたが、AngularJS は私がここでやろうとしていることに対して重量が重すぎて学習曲線が急勾配であると思われたため、最終的には AngularJS を使用しないことにしました。
これまでのところ、私のプロジェクトには次のディレクトリ構造があります。
index.html
my 、myapp.css
およびmyapp.js
ファイルを含む JSFiddle は次のとおりです。
これは、ユーザーが「ナビゲーション バー」 (「ホーム」、「概要」、「連絡先」) のいずれかのリンクをクリックすると、その特定のページを表す「ページ」(div) に移動できるという考え方です。ご覧のとおり、デフォルトの「ページ」は である必要がありますHOME
。これは、表示できる唯一の div であることを意味します。ただし、すべてのページ div が表示され、非表示になっているものはありません。そして、ページ div を正しく表示/非表示にするまで、ルーティング/履歴機能を実際にテストすることはできません。Crossroads/Hasher をどうにか間違って設定しましたか?
javascript - Crossroads で URL の実際の値を取得する方法
たとえば、次のようなルートを定義したとします。
ユーザーが url/root/finder/1234
でリクエストを行う場合、これは上記のパターンに一致し、リクエストはによって処理されfinderHandler()
ますfinderHandler
。この場合は/admin/finder/1234
、どうすれば入手できますか?