1

プログレッシブ Web アプリ環境に慣れ始めています。ASP.NET 4.6 と MVC5 を使用して、Polymer Single Page App を使用しています。App Shell に何を含めるべきか考えていました。

ここまでで、app-location、app-route、app-toolbar、app-drawer-layout を Polymer vulcanized に含めました。ファイル サイズは 266 KB で、最初の読み込みで HTML インラインを挿入します。

これは、navbar を視覚的にロードするだけです。navbar には paper-tab 要素とカスタム login-要素が必要です。それらを最初のロードに含める必要がありますか?

それ以外はすべて遅延ロードされます。

4

2 に答える 2

2

これは、以前の回答で説明したことの例です。

遅延ロードしたいlazy-elementという要素を構築したとしましょう。これはhttp://example.com/lazy-element.htmlにあります。これをロードする方法は次のとおりです。

現在の要素でlazy-elementを参照してください。

<lazy-element></lazy-element>

プロジェクトが読み込まれると、この要素はまだ読み込まれていないため、何もしません。それでは、遅延ロードする関数を作成しましょう。この関数をプロジェクトのどこかに含めます (おそらく、遅延読み込み元の要素のプライベート関数として)。

_loadElement: function(pathToElement) {
  this.importHref(pathToElement, function() {
    console.log(pathToElement + ' loaded');
  }.bind(this), function() {
    console.warn(pathToElement + ' failed to load');
  }.bind(this));
}

ここで、プロジェクトで遅延要素をアクティブにするときはいつでも、遅延要素をロードするこの関数を呼び出します。プロジェクトの準備ができてから 5 秒後にアクティブ化する必要があるかもしれません。

ready: function() {
  window.setTimeout(function() {
    this._loadElement('http://example.com/lazy-element.html');
  }, 5000);
}
于 2016-08-02T21:25:04.537 に答える