問題タブ [webpage-rendering]
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.
html - ウェブページにたくさんの画像を表示し、スクロールが遅くなります。
私のページでは、かなりの数の画像を入力しています。それらはSUPER高解像度ではありませんが、画像を集約しているため、小さいサイズで保存されていません。ページにたくさん入れ始めると、遅くなります。これを修正するために私にできることはありますか?ある種のオンザフライ画像圧縮のように?
templates - Wicket: パネルが追加されたページに基づいてパネルのコンポーネントを表示することは可能ですか?
私は Wicket を初めて使用するので、これが単純な作業である場合はご容赦ください。例を探してみましたが、空っぽでした。
これがシナリオです。25 のデータ ポイント (名前、生年月日、住所、電話番号など) を含む顧客情報パネルがあるとします。このパネルをサイトのさまざまなページで再利用したいと考えています。ここで、パネルが表示される 3 つの異なるページに次の基準があるとします。
- ページ 1 - すべてのフィールドが表示および編集可能
- ページ 2 - 生年月日、性別、顧客名は表示されますが編集できません。他のすべてのフィールドは表示および編集可能です。
- ページ 3 - 生年月日と性別は表示されません。住所は表示されて編集可能です。他のすべてのフィールドは表示されますが編集できません。
(コードの重複を減らすために) 同じパネルを使用する方法はありますが、パネルがロードされている現在のページに基づいてそのコンポーネントを制御しますか?
助けてくれてありがとう!
css - 同じ CSS ファイルを複数回インポートすると、パフォーマンスの問題が追加されますか?
同じ Javascript が複数回ロードされ、インクルードごとにコードが実行されるたびに問題が発生することについて議論している人々を見てきました。
同じDOMに同じCSSファイルを複数回含めています(いくつかのコンポーネントを使用しているため、これを追加することは避けられません):
- DOM サイズは増加しますか?
- CSS ファイルは、すべてのインクルードで毎回レンダリングされますか?
- これはページのパフォーマンスに影響しますか?
注: 同じ CSS ファイルを使用しているため、ダウンロードは 1 回だけです。
wordpress - YouTube の埋め込みビデオでの奇妙なビデオ レンダリングの問題
Wordpress 経由で Youtube ビデオを埋め込むと、クライアントの Firefox ブラウザで非常に奇妙なことが起こります。
私のクライアントは、250 GB のソリッド ステート ハードドライブと 128 GB の RAM と Core i7 を搭載したラップトップで Windows 7 プラットフォームを実行しています。彼は、他のサイトでビデオを表示するときにこの問題に直面したことはないと述べています。
なぜこれが起こるのでしょうか?何か案が?
html - 実際のz-indexでHTML要素を比較する
同じドキュメント内に2つの任意のHTML要素AとBがある場合、どちらがユーザーに「近い」か(つまり、重複している場合、どちらが他方を覆い隠しているか)を確認するにはどうすればよいですか?
W3C CSS仕様では、準拠するレンダリングエンジンが実装する必要のあるスタッキングコンテキストについて説明しています。ただし、クロスブラウザかどうかに関係なく、JavaScriptプログラムでこの情報にアクセスする方法を見つけることができませんでした。私が読むことができるのはcssプロパティだけです。ほとんどの場合、またはは数値として表現されている場合でも、実際にどのように表示されるかを示す信頼できる指標ではないため、z-index
それ自体はあまり意味がありません(それらが属している場合)auto
異なるstatckingコンテキストでは、z-indexesの比較は関係ありません)。
任意の要素に関心があることに注意してください。両方の要素がマウスポインタの下にある場合、一方だけが「ホバー」と見なされるため、この場合、最も近い要素を簡単に見つけることができます。ただし、より一般的な解決策、できればレンダリングエンジンがすでに実行しているスタッキングアルゴリズムの再実装を伴わない解決策を探しています。
更新:この質問の背後にある理由を少し明確にしましょう:私は最近、jQueryのドラッグアンドドロップメカニズムの制限を明らかにした質問に取り組みました-ドロップ時にz-indexが考慮されないため、要素が別の要素を覆い隠している場合、それでも、「背後」にある要素でドロップ操作を実行できます。リンクされた質問はOPの特定のケースで回答されましたが、一般的な問題は解決せず、私が知っている簡単な解決策はありません。
以下のalexの答えは便利ですが、当面の場合には十分ではありません。ドラッグすると、ドラッグされた要素自体(より正確にはそのヘルパー)がマウスカーソルの下の一番上の要素になるため、次の一番上の要素の代わりにそれelementFromPoint
を返します。本当に必要です(回避策:ヘルパーの外側にカーソルが配置されるようにカーソルのスタイルを設定します)。jQueryが採用している他の交差戦略も、1つ以上のポイントを考慮に入れているため、ヘルパーと交差する最上位の要素を決定するタスクが複雑になります。実際のz-indexで要素を比較(またはソート)できると、一般的なケースで「z-index対応」交差モードが実行可能になります。
rest - RestEasy の html/jsp ページを開く
@GET リクエストを処理する RestEasy メソッドがあります。そのメソッドから jsp/html ページを開くにはどうすればよいですか?
c# - WebPage レンダリング位置コントローラー
最初の質問ですが、本当に困っています。
完全に機能しているWebページのレンダリングがあります。ただし、最初の表示位置 (HTML の href #anchors のようなもの) を制御できるようにする必要がありますが、サイトのコンテンツにはアクセスできません。
私が見ることができる限り、ブール値以外のスクロールバーにアクセスして有効/無効にすることはできません..
たとえば、20% のスクロールダウンを強制するためにできることはありますか?その後、後で調整するフォームを作成できます。
私が調査したことからはありそうにないようですが、どんな支援も大歓迎です。
私は通常のWindows WebBrowser Renderを持っています
private System.Windows.Forms.WebBrowser m_webBrowser;
ありがとう !
-- これは C# スタンドアロン アプリケーション用です。WebBased ではありません。
google-chrome - Chromeで問題を再描画する
Chromeで説明できない再描画の問題が発生しています。他のブラウザには表示されません。ウェブサイトはhttp://leonardo.reです。
これらはDIV
、スタイル付きリンク(連絡先ページ)を含むスタイル付きにカーソルを合わせた後に表示されます。
DIV
また、スクロール時のオーバーレイ(任意のページ)である場合もあります。常にではありません:
誰かが正確に何が起こっているのか、またはこれをどのように解決/回避できるのか知っていますか?
internet-explorer - Internet Explorer でスクリプトの大文字をレンダリングする
Script Capital H は、Internet Explorer の chrome や firefox とは大きく異なり、ほとんど判読できません。とにかく同じに見えるようにするか、少なくとも文字の読みやすさを改善することはありますか?
キャラの例はこちら。ie と firefox/chrome の両方でリンクを開くと、違いがわかります。 http://graphemica.com/%E2%84%8B
Unicode エンコーディングを使用しているか、マークアップに実際の文字を単に貼り付けているかに関係なく、文字のレンダリングは同じです。