web-component

0熱

1答えて

`all：initial`で指定されたスタイルでWebコンポーネントをリセットする方法は？

私は他のウェブサイトに埋め込まれることを目指すウィジェットを構築しています。私はall: initialを見ていたので、iframeを使わないでください。 "このキーワードは、要素allに設定されたすべてのプロパティ値が要素の親から設定されているか、要素の親から継承されていることを完全に示すように指定しますが、以前の規則の方がより特異性が高い場合、ここは、問題の例です。この時点で /* exte

0熱

1答えて

ウェブアプリのgoogle-mapは、アプリドロワーを隠した後、右にグレーの領域を表示します。

は<app-drawer-layout>の中にあり、ドロワーが隠れている場合は地図の右側に灰色の領域が表示されます。私はこの問題について発見したすべての議論は解決策は、マップのresizeイベントをトリガすることであると言うが、それは私のために動作しません。私はちょうど安全な側にいるために遅延を追加しようとしましたが、それでも何もしません。 document.querySelector('app

2熱

2答えて

ブロックシャドウDOMレンダリングとリンクスタイル

シャドーDOMでは、<style>と宣言されたスタイルと同じ方法でスコープされるスタイルを読み込むために<link>タグの使用がサポートされていますが、スタイルは非常に便利ですが、スタイルがロードされている間に、たとえばカスタム要素の疑似セレクタ:definedで防止できないFOUCがあります。私が遭遇したもう一つの問題は、スタイルシートがロードされて適用された後に "実際の"寸法が分かっているた

1熱

1答えて

WebコンポーネントPolyfillが動作しない

私はサンプルアプリケーションをChromeとFirefoxの両方で動作させたいので、https://www.webcomponents.org/polyfills/で説明したように、Webコンポーネントをポリフィルすることを試みています。しかし、私はReferenceErrorを取得しています：customElementsは定義されていません Firefoxでエラーが発生しました。下記の私のコード

0熱

2答えて

"document.currentScript"と "ownerDocument"とは何ですか？

私はWebコンポーネントを学習しています。私はすべてではこの部分を理解していない var tmpl = document.querySelector('template'); ：(document.currentScript||document._currentScript).ownerDocumentがcurrentScriptは何、ownerDocumentものです <template>

1熱

1答えて

プロパティデコレータを使用したプロパティタイプの厳密な型チェック

Typescriptで修飾されたプロパティの型を検証する方法はありますか？ booleanクラスのプロパティでのみ動作するプロパティデコレータが欲しいです。（以下の例）。これは可能ですか？（注：反映-メタデータを経由して、活字体でちょうどコンパイルタイプの警告を私はランタイムの検証をしたくない）、この程度 function booleanProperty<T extends HTMLEleme

2熱

1答えて

現在のJS Webコンポーネントへのパスを取得します

他のリソース（具体的にはDOMに追加するiframeの場合はsrc）を読み込む必要のあるJS Webコンポーネントがありますが、これは相対的なパス）。このリソースは、呼び出し側のページを基準にして指定する必要があります。これは、window.locationから十分に簡単に取得できます。しかし、srcを指し示す必要があるファイルは、実行されているJSファイルとの相対的なものであり、それがコンポ

0熱

1答えて

は、（Webコンポーネント技術の）カスタム要素と同じ角度成分ですか？

私は角4.0を見ています。私はポリマーで少しのWebコンポーネントを作っています。 Polymerの角要素とカスタム要素は、ユースケースの観点から見て同じです。角型コンポーネントは、フレームワーク固有のライフサイクルコールバックも提供します。ある場合はどうなりますか？

2熱

1答えて

HTML要素を拡張する

私はES5を使用して、HTMLAnchorElementを拡張するカスタムWebコンポーネントを作成しています。 WebコンポーネントはES6以降でしか動作しません。here. HTMLElementを拡張して、そのタグをページ上で使用すると、正常に動作するようになります。しかし、HTMLElement以外の要素を拡張しても機能しないようです。私はこれをテストするために最新バージョンのGoogl

1熱

1答えて

HTMLフラグメントにdoctypeを宣言することは理にかなっていますか？

というファイルに<template>を定義しているHTML5コンポーネント/ WebComponentがある場合は、に<!DOCTYPE html>という宣言があるのは意味がありますか？つまり、次のうちどれがベストプラクティスですか？ <template>  </template> それとも <!DOCTYPE html> <t