問題タブ [yui3]

サイトの再設計を開始しようとしており、パフォーマンスを改善するためのあらゆるオプションを検討しています。このサイトは、javascript をロードした広告がかなり重いため、使用する JavaScript を非常に無駄なく使用する必要があります。

より軽量なフレームワークや、私が検討できるより効率的なフレームワークの経験がある人はいますか? または、私に紹介できるリソースはありますか? YUI は面白いコンセプトのように見えます… ローダーは怒ってテストされていますか? 何かいい？

任意の考えをいただければ幸いです。

乾杯。

編集：申し訳ありませんが、明確ではありませんでした。現在、サイトのパフォーマンスはかなり良好です。パフォーマンスの問題による再設計は行っていません。これはブランド変更によるものです。この機会に、ベスト プラクティスを確認したかっただけです。

YUI（）。use内にラップされたYUI関数をjavascriptから呼び出すにはどうすればよいですか？

例以下は、animShow.run（）を実行するYUI関数「runShowAnim」です。アニメーション効果の場合...

javascript関数で何かを検証するときに、この効果が発生するようにしたいと思います。以下のように呼んでみました。しかし、それは機能していないようです。

次のような YUI で HTML マークアップを作成する方法はありますか?

Yahoo JS & CSS ライブラリをバージョン 2 からバージョン 3 にアップグレードするための移行パスは何ですか?

具体的には、CSS とフォント、ボタン、TabView です。

発生した問題に関する詳細情報へのポインタ、簡単にするためのヒントなどをいただければ幸いです。

さまざまな Google 検索 (たとえば、 yui2 のアップグレード、 yui2の移行) では、これについてあまりヒットしませんでした。

カスタムイベントを使用してFirebreathでプラグインを作成し、YUIイベントにコールバックを登録したいと思います。

コールバックを登録しませんが、

（IEではなくFirefoxで）。

YUIを使用してイベントを登録するにはどうすればよいですか？

YUIには2つの異なるサンドボックスがあります。

と

1つはドラッグオブジェクトを作成し、もう1つはドロップオブジェクトを作成します。コードが同じYUIサンドボックスで実行された場合、すべてが機能しますが、dropオブジェクトのコードを取得して2番目のYUIサンドボックスに配置すると、drop：hitイベントが発生しません。

このイベントをグローバルにするにはどうすればよいですか？

YUI3 TabView コンポーネントを使用していますが、現在選択されているタブのインデックスを取得できるようにしたいと考えています。私はAPIドキュメントを調べてきましたが、これを行うための適切な方法が見つからないようです.

http://developer.yahoo.com/yui/3/api/module_tabview.html

ありがとう！

こんにちは、ページの右側の列にフローティング バスケットの基本的なページ設定のプロトタイプがあります。

ユーザーがスクロールするときにバスケットがページの上部に到達すると、ユーザーがもう一度画面の上部にスクロールするまで、バスケットの位置を画面の上部に固定するクラスが適用されます。

これは、1 つの問題を除けば問題なく動作します。

ビューポートが Web ページの幅よりも小さくなるようにブラウザー ウィンドウのサイズを変更し、右側に水平スクロールすると、ページを下にスクロールすると、バスケットの位置が固定され、ページの右側に重なるようになります。

私が使用しているコードは以下のとおりです。アドバイスをいただければ幸いです。前もって感謝します！

プロジェクトの単純な <ul> リストを表示するアプリケーションがあります。ユーザーが新しい「カテゴリ」をクリックすると、プロジェクトのリストを新しいプロジェクトのリストに置き換えたいと思います。

私は追加の移行提案を受け入れますが、私が始めたのは -

1. 既存のプロジェクト リスト ノードを縮小または上にスライドして削除する
2. 動的に (Javascript DOM メソッド) 高さ 0 の新しいプロジェクト リストを作成します。
3. 新しいリストをページに添付し、展開または下にスライドします

私はまだネイティブの 'slideup' または 'slidedown' メソッドを持っていない Yahoo の YUI3 ライブラリを使用しているので、それらをシミュレートしています。高さ = 0 を設定する単純なアニメーションを実行することで「スライドアップ」を簡単にシミュレートできますが、 <ul> リストの最終的な高さがわからないため、「スライドダウン」メソッドをシミュレートするのに問題があります (私は動的に構築しています) ）。

高さを適切にしたい-つまり、通常のhtmlと同じように動作する-つまり、「height:auto」が必要です...しかし、YUI3はCSSプロパティをheight:0からheight:autoにアニメーション化/遷移できません。float 値が必要です。

div を上下にスライドさせることができ (jQuery)、高さの元の値を単純に保存するように見える Javascript ライブラリをいくつか見てきましたが、それは「自動」になります...これは機能しません。たぶん、最初に何らかの方法で実際の高さを計算していますか？

誰でもこれを行うための最良の方法を歩むことができますか? リストを作成するときに手動で高さを計算する必要がありますか...そしてそのスタイルをheight:0に設定し、計算された高さにアニメーション化してから、スタイルをheight:autoに設定して、良い状態のまま？もしそうなら、それを行うクロスブラウザの方法は何ですか?

ありがとう - ルター

YUI3 のドキュメントを検索してきましたが、ドキュメント フラグメントの作成方法がわかりません。ドキュメント オブジェクト自体を使用する必要がありますか? YUI Node オブジェクトとして扱いたいと思います。