問題タブ [web-component]
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.
javascript - JS からの Web コンポーネントのインスタンス化
Javascript から Web コンポーネントを直接インスタンス化しようとしていますが、システムがパブリック コンストラクターを見つけられません。コンテキストと結果を示す簡単な例を示します。
HTML テンプレート:
HTML インデックス:
コンソールの結果:
(1) ウィンドウ オブジェクトを確認したところ、コンストラクター Foo: function (){return f(a)} が含まれています (2) window.Foo 以外は不明 (3) ...そして、 new Foo() が失敗する: Uncaught ReferenceError: Foo is not defined
誰かが問題を理解するのを手伝ってくれますか? ありがとう。
html - Polymer.dart を使用してポータブル Web コンポーネントを構築する
Polymer.dart を使用して、ランダムな html ページ (dart プロジェクト外のページを含む) に埋め込むことができる一連のポータブル Web コンポーネントを構築したいと考えています。アイデアは、顧客がダーツ アプリケーションを作成する必要なく、自分の html ページに私の Polymer.dart 要素を埋め込むことができるということです。これは明白で簡単なことだと思いますが、多くのチュートリアルや説明ページを読み、dart/polymer.dart のドキュメントをたくさん読んだ後でも、これについての説明は見つかりませんでした。おそらく、ダーツ/ポリマー コードは、顧客の HTML ページに含めるために JavaScript にコンパイルする必要があります。これが可能かどうかについて誰かがコメントしてもらえますか? もしそうなら、それについての例を挙げて説明してください。このダーツ/ポリマー。
polymer - カスタム要素の名前にはダッシュが必要ですか?
ダッシュを使用せずに独自のカスタム要素<date>
、<person>
、またはその他の名前を付けることは可能ですか? <city>
それらなしでdefine要素を使用できますか?
ember.js - Emberjsで複雑なコンポーネントの状態を整理するには?
私が間違っている場合は、私を修正してください。ember のコンポーネントの機能は非常に単純に見えます。
多くのフレームワークでは、「コンポーネント」はおそらく、独自のステータスを管理し、API の小さなセットを提供する小さなアプリケーションのようなものです。ember はRoute
webapp の状態を管理するために使用するため、ember コンポーネントには状態を整理するための独自の「ルート」がありますか、それともステート マシンのような独自のソリューションを実装する必要がありますか?
javascript - ポリマーを使用した奇妙な JavaScript プロパティ定義
次のコードxFoo
では、オブジェクト (またはそのプロトタイプ) がbar
値 5 の実際のプロパティを持ち、実際のメソッドを持ちfoo()
ます。これはどのようなオブジェクト表記ですか? xFoo.bar
これは、ECMAScript 5 でプロパティを定義する方法ではありません。これは、関数get()
をxFoo.foo
持つオブジェクトであり、メソッドを持つオブジェクトであると予想していましたvalue()
。ここで何が欠けていますか?
javascript - Polymer カスタム要素: インポートで CSS を再利用する
問題:
<i>
Bootstrapアイコンをレンダリングするタグを作成できないようです.Bootstrapによって提供されるクラスを認識しません:
診断する要素
tag.html
インポートを外部に移動しようとしましたが、<polymer-element>
どちらも機能しません。
bootstrap.html
これが含まれています:
インポートの代わりに単純な古いリンクをロードすると機能しますが、インデックスでbootstrap.css
も使用すると、サイトが 2 回ロードされますbootstrap.css
bootstrap.css
これは Web コンポーネントの制限ですか? これはPolymerの問題ですか?
ありがとう!
フラン