「並べ替え」( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort ) で使用できる関数を考え出す必要があります。書類順。
効率的な実装や既知の手法のアイデアはありますか?
背景: 私は Greensock-JQuery および CSS3 ベースのアニメーション プレゼンテーションを作成して、私の大学の仕事に関するレポートを配信しています。リビール (例: アニメーション化された箇条書き) の順序を決定するために、JQuery の一致から返された要素で暗黙的に示されているドキュメントの順序に常に依存できるとは限らないため、順序を明示する必要があります。たとえば、CSS プレゼンテーションで異なるドキュメントの順序が必要な場合 (たとえば、フロート右前にフロート左、または左上の黒丸の前に右下の画像) が必要な場合に、問題が発生します。とにかく、リビールの順序付けに使用される関数を一般化して、アニメーションの目的で必要な場所を簡単に変更できるようにしたいと思います。
問題: 上記の理由から、プレゼンテーション内の優先されるアニメーションの並べ替えの定義として、'order by' 関数の配列を使用したいと考えています。例外的な実装 (一部のリビールがドキュメントの順序に違反するプレゼンテーション)。[最後に、「group-by」演算子もあり、どのアニメーションが互いに結合されているかを決定します (たとえば、トゥイーンを構築するときに同じクロージャ スコープを共有する必要があります)。 SQLクエリ]
ドキュメント内の位置の序数などを与えるクライアント側の JavaScript 内に既存の機能が見つかりませんが、見つからないものや、ブラウザー固有のものがある可能性があります (主に Chrome をターゲットにしています)。
ドキュメントを実行して、すべての要素、またはおそらくすべての「reveal」要素でドキュメントの順序付け値をキャッシュすることを検討しますが、後で取得するために実行時に要素にプロパティを追加するための賢明なクロスブラウザ戦略が何であるかはわかりません、およびここに設計上の問題があるかどうか。
また、この問題については、私がこの問題全体について考えていなかった洞察や角度があると確信しており、貢献を歓迎します。このようなものは独自仕様ではありません。誰かが気になる場合は、https://github.com/cefn/firmware-codesign-readinglog/tree/master/slides/upgradeで実験的な実装が進行中です