問題タブ [html-rendering]

Angular ベースのクライアント側 MVC アプローチとサーバー側 NodeJS / ExpressJS サーバー側レンダー アプローチのどちらかを決定するためのオプションをチームで探しています。

Angular アプリは 1 つの index.html としてダウンロードし、XHR リクエストを作成してページに入力します。ページを事前にレンダリングする必要があるため、PhantomJS を使用して、コンテンツがサーバー上の場所に変更されたときにすべてのページのコピーを保存しました。これにより、SEO のサポートが可能になります。

他の人がこれを行っているかどうかを確認するために、人々が指摘できるフルページのバックボーン アプリケーションまたは角度のあるアプリケーションの例はありますか。

または、実際に目にすることができる NodeJS サーバー側でレンダリングされたアプリケーションの例です。

最後に、この種のアーキテクチャについて意見を持っている人はいますか?

IE7 と IE8 でかなり奇妙な問題が発生しています。Web サイトの 1 つをロードすると、さまざまなアイテムが期待どおりにレンダリングされ、約 1 秒後にすべてが消えます。これには、フォーム要素、背景色、および背景画像が含まれます (css で設定)

www.michaelmeahanjoinery.co.uk (ie7/8 で表示していると仮定) で自分で見ることができます。

通常の修正リストを使い果たしたので、現時点では少し困惑しています。また、私の開発マシンではどちらも正しくレンダリングされますが、実際のサイトを表示するとうまく表示されません。

フォームのコードは次のとおりです。

フォームの CSS は次のとおりです。

更新 私はそれで遊んでいて、少し変わったものを発見しました. まず第一に、これはライブ サイトでのみ発生するため、ライブ サイトで遊ぶのではなく、Web サイトをそのままサブディレクトリに複製しました。

私はこれを行ったので、コードをいじって実際にどのように見えるかを確認できましたが、サブディレクトリに移動すると、実際には完全に正常に表示されます??

これはある種の apache ディレクトリの問題でしょうか?

正しく表示されません。 http://www.michaelmeahanjoinery.co.uk/index.php?module=contact

正しく表示されます。 http://www.michaelmeahanjoinery.co.uk/test/index.php?module=contact

この質問は以前に尋ねられたと思いますが（すべての質問ではありませんか？）、解決策を見つけるために必要な言語に苦労しているので、ここにいくつかの詳細があります：

住所、都市、州などの単一の場所を更新するためのWebフォームがあります。これは、コードビハインドで参照されるさまざまなasp：TextBoxを含む静的な場所更新フォームを使用して処理されます。コントロール、例えばStreetAddressTextBox.Text。

このフォームを更新して、複数の場所で機能するようにしたいと思います。以前、PHPを使用していたとき、これは、レンダリングしているコレクションのforループでフォームコンテンツをラップし、各アイテムをID="StreetAddressTextBox_<%=locationId%>"似たようなスキーマで参照する多くのインラインコードを作成することを意味していました。

私は現在ASP.NETでこの方法を実行していますが、特にフォームコンテンツがない他のページで確立した多くのコードビハインドパラダイムをキックする必要があるため、インラインは汚い感じがしますコレクションに基づくスケーリング。私の内臓は、場所をテンプレート化し、コードビハインドですべてを実行する方法があるはずだと言っていますが、実際にこれを示す例はまだありません。

よろしくお願いします。

Chromeで説明できない再描画の問題が発生しています。他のブラウザには表示されません。ウェブサイトはhttp://leonardo.reです。

これらはDIV、スタイル付きリンク（連絡先ページ）を含むスタイル付きにカーソルを合わせた後に表示されます。

DIVまた、スクロール時のオーバーレイ（任意のページ）である場合もあります。常にではありません：

誰かが正確に何が起こっているのか、またはこれをどのように解決/回避できるのか知っていますか？

そのため、印刷用に何百もの HTML テンプレートで構成された PDF を Web サービスから返せるようにする必要があります。これは大変な作業のように思えます。私は、この分野のテクノロジにまったく詳しくありません (テンプレート ライブラリを使用して HTML をレンダリングすることを除けば)。

私の考えは、データベースから必要なデータを取得し、それを繰り返し処理してすべての html を生成し、ライブラリを使用して大きな pdf を作成し、それをユーザーに送り返すことです。これは不可能でしょうか？このようなことをした経験があり、別のアプローチを推奨できる人はいますか?

アドバイスをありがとう。

JSFコンポーネントをレンダリングするためのブラウザの依存関係はありますか？クロームプラグインとグーグルクロームを使用すると、JSFページはIE 6と比較してはるかに高速にレンダリングされるように見えましたが、これには特別な理由がありますか？私はhtmlがWebブラウザで実行されることを知っています..そしてjsfはサーバー上で実行されてhtmlを作成します...私の質問は、特定のブラウザがjsfがhtmlをレンダリングする方法（タグとhtmlコンポーネント名、ID、スクリプトなど）にもっと調整されているかどうかでした作成されたものは特定のブラウザを優先します）それらにそれをより速くします!!!

プログラムでこれを行いたい：

ページの URL が与えられたら、ページ上のすべてのリンクを取得する必要があります。重要なのは、少なくとも 3 つのリンク情報 (アンカー テキスト、href属性値、ページ上のリンクの絶対位置) を取得する必要があるということです。

Java CSSBox ライブラリはオプションですが、まだ完全には実装されていません (href属性値を同時に取得することはできず、Jsoup などの追加ライブラリで追加のマッピングを行う必要があります)。さらに、CSSBox ライブラリはページのレンダリングが非常に遅くなります。

JavaScript にはすべての機能が備わっているように見えますが、JavaScript コードをページに挿入し、既存のブラウザーを利用するためのドライバーを作成する必要があります。Python や Ruby などのスクリプト言語もこれをサポートしています。最も便利なツールを見つけるのは難しいです。

長い説明のために前もってお詫び申し上げます。これが一番描きやすいと思います！:P

お互いの上に絶対 (css) で配置された 10 個の div があるとします。各 div には複数の透明な png が含まれており、それらが互いに重なり合って視覚的な全体を形成しています。一度に 1 つの div のみを表示し、ユーザーは矢印またはボタンをクリックして次の div に切り替えることができます。この矢印/ボタンには、次に表示する div を示すタグが含まれているため、javascript を使用してすべての div を非表示にし、その直後に適切な div を表示します。

ほとんどのブラウザでこれが遅いのはなぜですか? このようなことを行うためのより良いアプローチはありますか? IE と Firefox は div をかなり高速かつスムーズに切り替えているようですが、Chrome では遅延が見られます。html と javascript の概要は次のとおりです。

HTML:

等々...

Javascript:

誰もがより良い解決策を提供するには、おそらくあまりにも曖昧です。しかし、一部のブラウザ/ローエンド システムでこれが遅い理由と、それを修正する方法を誰かが説明できれば、その知識を使って自分で何かを考えることができます (または、それがそのままの方法であることを受け入れることができます)。 .

私のiOSアプリでは、HTMLタグを使用してレンダリングしています

これはコーディング構造の残りの部分です

今、私はコンテンツの高さに応じてラベルを増やしたいと思っています

私は約 3 年前に iPod Touch で iFile のテキスト エディタを使用して、Flash ゲーム Chat Noir の HTML5/CSS3 リメイクを書きました (短い名前と乱雑なコードで申し訳ありません)。ゲームはここで見つけることができます：

http://geckojsc.com/misc/iChatNoir/

ここ数か月で、アニメーション (CSS スプライトで作成) が Chrome で意図したとおりに動作しないことに気付きました (他の最新のブラウザーでは正常に動作します)。

ゲームは六角形のグリッドでプレイされるため、スプライト シートには、斜め下、斜め上、横の 3 つの方向があります (したがって、クラス D、U、および S のセレクター)。DJ、UJ、SJ のクラスは同じですが、ジャンプの途中で猫を見せます。クラス L は猫が左を向いていることを意味し、クラス R は猫が右を向いていることを意味します (画像は反転されています)。

これらのフレームをアニメーション化する JavaScript は次のとおりです (cat は div 要素です)。

Chrome では、猫は「ジャンプ」フレームに移動しますが、その後立っているフレームには戻りません。cat.classNameプログラムの実行中に調べたところ、たとえばすべてのテスト ブラウザーで に正しく変更されましたが、className が.L DJL DL DJL D

これは、ある種のレンダリングの問題のようです。ページのズーム レベルを変更するか、別のタブに切り替えてから元に戻すか、ページを再描画するその他のアクションを実行すると、猫は正しいフレームを表示します。これを修正できる方法があることを願っています！