問題タブ [html-imports]

DOM 要素である HTML インポート要素があり、次の方法でインポートされます。

ここで、サイトをリロードせずにカスタム要素を更新したいと考えています。

これが可能かどうかはわかりません。

前もって感謝します ;）

web-components で javascript-libraries を使用するために、次のような html-import にそれらをラップするパターンを見てきました。

(moment.html)

<script type="application/javascript" src="bower_components/moment/moment.js"></script>

(コンポーネント.html)

<link rel="import" href="moment.html">

スクリプトを component.html に直接インポートする代わりに。html-imports だけを使用する利点はありますか?

http://blog.teamtreehouse.com/introduction-html-importsによると

Chrome で HTML インポートを有効にするには、chrome://flags に移動し、Enable HTML Imports フラグを有効にします。完了したら、画面の下部にある [今すぐ再起動] ボタンをクリックして、HTML インポートをサポートする Chrome を再起動します。

しかし、Google Chromeフラグの最新バージョンでは見つかりません

HTML<link>要素は、ドキュメントに CSS スタイルシートを含めるために最も頻繁に使用されます。典型的な使用法は次のようになります。

応答本文にタグを含める代わりに、サーバーはLink代わりに HTTP ヘッダーを使用してスタイルシートを指定することができます。

提案された HTML Imports 機能の仕様 ( WC3 ワーキング ドラフト) は、要素に重要な新機能を追加し<link>ます: 複数のスクリプト、スタイル、およびテンプレートを含む可能性がある別の HTML ドキュメントからすべてのリソースを一度にインポートする機能です。典型的な使用法は次のようになります。

Link私の期待は、次のような場合に、スタイルと同じ方法でヘッダーを使用して HTML インポートを指定することも可能であるということでした:

ただし、作業草案の仕様では、<link>要素について明示的に言及しているだけです。Linkヘッダーを参照しません。また<link>、各インポートに要素を関連付ける必要があると思われる言語を使用しています。

各ドキュメントにはインポート リンク リストがあり、各アイテムはリンク、リンク要素、場所、URL で構成されます。

スタイルシート リンクがサポートしていない属性を<link rel="import" ... />サポートしていることがわかります。asyncヘッダーでこれを指定することはできませんが、これがオプションの属性であることを考えると、これによってサポートが完全に妨げられることはないと思います。

ヘッダーを使用して HTML インポートを指定することは可能Linkですか? 決定の根拠となる根拠への言及を歓迎します。

Polymer 1.0 カスタム要素をレンダリングする Web ページがあります。私のファイルのheadセクションにindex.htmlは、次のものがあります。

my-elements.html他の HTML ファイルを (HTML インポートを介して) 参照し、標準scriptタグを使用して JavaScript ファイルを参照します。

Chrome ブラウザでは、すべて期待どおりに動作します。およびのmy-elements.html前にロードされるJavaScript ファイル。ただし、Internet Explorer (v11) では逆の順序で読み込まれます。つまり、最初にロードします。script1.jsscript2.jsscript1.jsscript2.js

次の記事では、「HTML インポートは<script>要素をブロックします。<script>は、前のインポートが読み込まれるまで実行されません」と述べています。

https://gist.github.com/omo/9986103

では、なぜ Internet Explorer で順序が異なるのでしょうか?

Web コンポーネントのポリフィル ライブラリとして webcomponents-lite.js を使用していることに注意してください。私が遭遇している動作は、Internet Explorer が HTML インポートをネイティブでサポートしていないことが原因であると思われますが、スクリプトが意図した順序で読み込まれるようにこれを回避する方法を知りたいです。

PHPを使用して、必要なすべてのhtmlインポートをオンザフライで組み合わせる簡単な方法はありますか? 私はプロジェクトに取り組んでおり、その内容は動的に生成され、常に加硫を使用することはできません。ほとんどの場合、ページが (最初の読み込みで) 完全に読み込まれないか、すべてのインポートが含まれていない可能性があります。このページを見てみましょう

低速のインターネットでは、ブラウザーがすべてのファイルをキャッチしてロードするために、数回リロードする必要があります (以前のリロードでいくつかのファイルをキャッシュすることにより)。

現在、サイトの読み込み中に最大 115 件 (2.8 分以上) のリクエストを受け取ることができます。

ファイルに永続的なキャッシュの有効期限を設定する可能性がありますが、php を使用してすべての既知のインポートをオンザフライで 1 つのファイルに入れ、最初の読み込みでいくつかのリクエストが 1 つだけ行われるようにすることで、リクエストを減らす方法はありませんか?

ユーザーからの要求に応じてそれらをインポートしているので、後続の要求は面倒である必要はありません。