問題タブ [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 - Shadow root を使用してスクレイパーからデータを隠す
シャドウ ルートは、ルート自体と同じウィンドウ/フレーム/ページ内の任意の JavaScript コンテキストから常にアクセスできますか?
そうである場合、データをシャドウ ルートに配置して Web スクレイパーからデータを隠すことはできません。
常にアクセスできるとは限らない場合 (たとえば、ある種の奇妙な「クロス オリジン」セキュリティ ポリシーがある場合)、レンダリングされた (ユーザーに表示される) 要素のシャドウ ルート内の論理 DOM コンテンツではなく、一部の JavaScript コンテキストからアクセスできない可能性があります。そのページ - したがって、そのデータを（極端なOCRではない）スクレーパーから隠すことができます。
私はデータスクレイパーのビジネスをしているので、前者であることを願っています!
twitter-bootstrap - Polymer.dart 動的に追加された要素が常に表示されるわけではありません
カスタム要素の Bootstrap タブ ボックスにタブとタブ ペインを追加しています。表示されることもあれば、表示されないこともよくあります。ペインが表示されてもタブが表示されないことがあります。結果はリロードごとに異なります。表示されない場合は、ブラウザ ウィンドウのサイズを変更するか、Dartium インスペクタを開くなどしてリフローを発生させると、突然表示されます。
Polymer 0.9.5 を使用しています。HTMLは次のとおりです。
Dartクラスは次のとおりです。
css - カナリアで壊れたポリマー コンポーネント スタイルの継承 (36)
最新のカナリアで自分のウェブサイト ( http://fnndsc.github.io/fnndsc.babymri.org/ ) を試してみましたが、多くのことがめちゃくちゃです。
さらに重要なことは、スタイルがサブ要素に伝播されなくなったことです。私は周りを読みましたが、それを処理するための最良の方法を見つけることができませんでした。
親のスタイルを使用するようにポリマー要素に指示するにはどうすればよいですか。オンにする特別なフラグはありますか?
Chrome 34 までは正常に動作しますが、35/36 は壊れているようです。
ありがとう
javascript - プログラムでコンテンツ ノードを配布 (挿入) する方法
lightDOM から ShadowDOM にコンテンツをプログラムで配布 (挿入) する方法はありますか?
すべての子ノードを要素にラップしたいと思います。例えば ：
として配布されます
そのようにレンダリングするだけでなく、各分散ノードにアプリ全体が含まれている可能性があるため、HTML 動作全体 (バインディング、イベントなど) を委任する必要もあります。
コールバック<content select=":nth-child(..)">時にテンプレートに要素を追加しようとしましたattached
しかし、それは機能しません (おそらく、コンテンツが既に配布されているためです)。
ここでフィドル
一般に、私が達成したいのはhttp://jsbin.com/hegizi/3/editのようなものですが、クラス名をハードコーディングせずに、可変数の子ノードで機能させます。
さらに、それは:nth-childネイティブでサポートされていないようです: https://github.com/Polymer/polymer/issues/470