18日目TIL

4756 ワード
TIL テキストリンク

dataset


注意事項1

  • ラベルにdata-isOpenを指定し、値を検索するときは$dom.dataset.isopenに処理します.
  • ラベルにdata-is-openを指定し、値を取得する場合は$dom.dataset.isOpenに処理します.

    • 注意事項2(From 1-B権政喜)

    `
     <ul>
    ${this.state
      .map(
        (document) =>
          `<li class="rootDoc" id=${document.id} data-is-open="false" data-text=${document.title}>${document.title}<button>X</button></li>`
      )
      .join("")}
    </ul>
      `
    このセクションのdocument.タイトルが「和作と文法」なら
    Data-textは화작과のみを認識し、構文は含まれていない.data-text="작문과" 화작はそうです.
    この問題を解決するために、data-text="${document.title}"はこのように扱っています.data-text="작문과 화작"に進みます.

    true / false

    Boolean('true')			//true
Boolean('false')		//true
    空白ではなくBooleanにStringを加えると、どちらもtrueになります.
    必要なfalse文字列からfalse Booleanを取得する場合JSON.parse('false')によりfalseを受信して処理を行う.

    委任イベント


    this.renderを実行すると、Aとマークされたマークにclickイベントを保留すると、イベントは保留されずにイベントが保留されます.
    this.Aタグの下にあるすべてのタグをrenderでレンダリングします.
    Aラベルは影響を受けず、アクティブ委任処理により処理される.
  • this.render戦
    • A태그 - > 클릭 이벤트 등록
	B태그 -> 이벤트 위임을 통한 클릭 이벤트 존재
		C태그   -> 이벤트 위임을 통한 클릭 이벤트 존재
  • this.提示後に以下のタグ内容を変更する場合:
    • A태그 - > 클릭 이벤트 등록
	F태그 -> 이벤트 위임을 통한 클릭 이벤트 존재
		E태그   -> 이벤트 위임을 통한 클릭 이벤트 존재
        			H태그   -> 이벤트 위임을 통한 클릭 이벤트 존재

    ソース


    true/false
    フラッタPDFビューア
    Velog | Markdown