タグ

ブックマーク / developer.mozilla.org (8)

  • Proxy - JavaScript | MDN

    Proxy オブジェクトにより別なオブジェクトのプロキシーを作成することができ、そのオブジェクトの基的な操作に介入したり再定義したりすることができます。 Proxy オブジェクトは、元のオブジェクトの代わりに使用できるオブジェクトを作成することができますが、プロパティの取得、設定、定義などの基的な Object 操作を再定義することができます。プロキシーオブジェクトは一般的に、プロパティアクセスのログを取ったり、入力の検証、書式化、サニタイズを行ったりするのに使用されます。 Proxy は 2 つの引数で作成されます。 target: プロキシーを設定する元のオブジェクトです。 handler: どの操作に介入するか、また介入された操作をどのように再定義するかを定義するオブジェクトです。 例えば、このコードは target オブジェクトのプロキシーを作成します。

    Proxy - JavaScript | MDN
    takets
    takets 2022/06/28
  • Rest parameters | MDN

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    Rest parameters | MDN
    takets
    takets 2021/07/16
    スプレッド構文
  • Object.assign() - JavaScript | MDN

    コピー先オブジェクトのプロパティは、コピー元に同じキーのプロパティがあると上書きされます。より後のコピー元のプロパティが、より前のものを同様に上書きします。 Object.assign() メソッドは、コピー元オブジェクトから列挙可能 (enumerable) かつ直接所有 (own) のプロパティだけをコピー先オブジェクトにコピーします。この際、コピー元オブジェクトには [[Get]]、コピー先オブジェクトには [[Set]] を使いますので、ゲッターとセッターを呼び出すことになります。これはプロパティの代入 (assign) であり、プロパティをコピーしたり新しく定義したりするのとは異なります。そのため、コピー元にゲッターが存在する場合、新しいプロパティをプロトタイプにマージする用途には不適切でしょう。 プロパティ定義を (列挙可能属性も含めて) プロトタイプの中にコピーするには、この

    Object.assign() - JavaScript | MDN
    takets
    takets 2020/03/09
    コピーノルールが複数あるので目も
  • data-* - HTML: ハイパーテキストマークアップ言語 | MDN

    HTML チュートリアル HTML の基 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>

    data-* - HTML: ハイパーテキストマークアップ言語 | MDN
    takets
    takets 2018/12/07
  • Event: target プロパティ - Web API | MDN

    // リストの作成 const ul = document.createElement("ul"); document.body.appendChild(ul); const li1 = document.createElement("li"); const li2 = document.createElement("li"); ul.appendChild(li1); ul.appendChild(li2); function hide(evt) { // evt.target はクリックされた <li> 要素を参照しています。 // これはこのコンテキストで親である <ul> を参照している evt.currentTarget とは異なります。 evt.target.style.visibility = "hidden"; } // リストにリスナーを接続します // <li> がクリ

    Event: target プロパティ - Web API | MDN
  • Mozilla Developer Center

    オープンなウェブは、開発者に素晴らしい機会をもたらします。これらの技術を最大限に活用するには、それらの使い方を知る必要があります。以下に、ウェブ技術のドキュメントへのリンクがあります。 ウェブ開発者ガイド ウェブ開発者ガイドは、ウェブ技術を実際に使用して、やりたいことや必要なことを実現するために役立つハウツーコンテンツを提供しています。 ウェブ開発者向けチュートリアル HTMLCSSJavaScript、Web API の学習を段階的に進めるためのチュートリアルです。 アクセシビリティ ウェブサイトを使用する人に何らかの制約があっても、できるだけ多くの人が使用できるようにすることです。 パフォーマンス コンテンツをできるだけ早く利用できるように、操作できるようにすることです。 セキュリティ データ漏洩やデータ盗難、サイドチャンネル攻撃、クロスサイトスクリプティング、コンテンツインジェク

    Mozilla Developer Center
    takets
    takets 2017/08/25
    mdn
  • Document: hasFocus() メソッド - Web API | MDN

    hasFocus() は Document インターフェイスのメソッドで、文書または文書内の何れかの要素がフォーカスを持っているかどうかを示す論理値を返します。 このメソッドは、文書内のアクティブな要素がフォーカスを持っているかどうかを特定するために使用することができます。 メモ: 文書を見ている時、文書内でフォーカスを持つ要素は常にアクティブ要素ですが、アクティブ要素がフォーカスを持っているとは限りません。 例えば、フォアグラウンドになっていないポップアップウィンドウ内のアクティブ要素はフォーカスを持ちません。

    Document: hasFocus() メソッド - Web API | MDN
    takets
    takets 2016/07/26
    フォーカスの判定に使う
  • JavaScript Reference - MDN

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    JavaScript Reference - MDN
    takets
    takets 2015/09/09
    公式リファレンス
  • 1