shadow DOM」ってなに？特徴と使い方 - Qiita
【この記事を読んでほしい人】 ・shadowDOMについて何もしらない人 ・shadowDOMの使い方について知りたい人 shadowDOMってなに？ MDNから引用した文章は下記です。 ウェブコンポーネントにおける重要な側面の一つが、カプセル化です。マークアップ構造、スタイル、動作を隠蔽し、コード上の他のコードから分離することで、他の部分でクラッシュすることを防ぎ、コードをきれいにしておくことができます。シャドウ DOM API はこの主要部分であり、隠蔽され分離された DOM を要素に取り付けるための方法を提供しています。この記事ではシャドウ DOM を使う基本を記述しています。 通常のDOMを「Light DOM」と呼び、見えているDOMから分離されたものを「Shadow DOM」と言われています。 わかりそうでわからない…。 ここからわかったことは 何やら表に出ているコードと分離で
モダンJavaScriptについて - Qiita
モダンJavaScript 仮想DOMを用いるライブラリの使用 DOMとは Document Object Modelの略 HTMLなどの文書をツリー構造として表現したもの コード上から文書の構造を読んだり、要素を変更することが可能。 仮想DOM DOMを直接操作せず、JS上で仮想DOMを操作し、差分のみDOMに反映する パフォーマンスの向上につながる パッケージマネージャー(npm/yarn)の使用 ソフトウェアのインストール、更新、設定、削除などを予め定義されたプロセスに従って自動化するツールのこと。 できること 依存関係を解決してくれる import先が明示的にわかる 公開されているパッケージやコマンドを利用可能 package.json 設計書的な役割 プロジェクトで使用している依存関係とそのバージョン、スクリプト等が定義されている package-lock.json プロジェクト
div タグのスタイルを参照しようとしたら参照できなかった話 - Qiita
const divElement = document.getElementById("hoge"); console.log(divElement.style.display); // 空文字が出力される 解決方法 上記のコードで言うと divElement.style.xxxx で参照できるのは JavaScript で動的に設定したスタイルとなるため、CSS で適用したスタイルを参照する場合は window.getComputedStyle() を使用します。 これで、DOM 要素の実際に適用されているスタイル（計算されたスタイル）を参照することができます。 const divElement = document.getElementById("hoge"); const computedStyle = window.getComputedStyle(divElement); con
【JavaScript】querySelector よりもパワフルに DOM からノードを取得しよう！【XPath】 - Qiita
const getNodesByXPath = (xpath) => { const result = document.evaluate( xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); return [...Array(result.snapshotLength)].map((_, i) => result.snapshotItem(i)); }; const nodes = getNodesByXPath('//div'); nodes; // [div, div, div, ...] 3. XPath とは 3.1. 概要 XPath とは XML 文書（HTML 含む）のさまざまなノードを指し示すことができるパス文字列のことです。 XPath は XML Path Language の略
Javascriptがわからなかったので「DOM」を調べました。 - Qiita
はじめに こんにちは！ ガク@Necono_Engineerと申します！ プログラミングスクールRUNTEQで現在Ruby on Railsを中心に学んでいます。今回はjavascriptやReactを学ぶ中で出会ったDOMという概念についてまとめてみました！ ("ドム"と読みます) 概要 この度、PF作成のためにReactを学び始めたところ仮想DOMという言葉を知りました。 仮想.... というかまず、"DOM"ってなんなんだ？ そんな疑問を解消するためにJavaScript初心者がゼロから少しずつ学んだことを共有していきたいと思います。 DOMとは? DOM（ Document Object Model ）はWeb API( Application Programming Interface )の1つです。 API（ Application Programming Interface
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】Mutation ObserverでDOMを監視する - Qiita
