タグ

JavaScriptとDOMに関するjsstudyのブックマーク (9)

  • そろそろなぜjQueryを使うのが難しいのかをちゃんとまとめようと思う。|榊原昌彦

    「jQueryはオワコン」「いや、jQueryは便利!」議論が行われるようになってから2年は経つでしょうか。Twitterを観測してると定期的に盛り上がるので、私なりにちゃんとまとめようと思います。 ちなみに結論を先に書いておくと ・ レンダリングブロックしない構成、かつ最新版を使おう ・ jQueryはいいものだけど、脱jQueryした方が手っ取り早い です。 1. 保守しないといけないサポートの切れたjQuery1, 2を使ってるけど、依存プラグインが動くかどうかわからないから最新版にアップデートしていないプロジェクトが散見されます。 jQuery1, 2 は、Officially End of Life(公式に廃止)が名言されてます。ですので、「jQuery におけるクロスサイトスクリプティングの脆弱性」みたいな報告も修正されていません。EOLのバージョンはやめましょう。 ちなみにj

    そろそろなぜjQueryを使うのが難しいのかをちゃんとまとめようと思う。|榊原昌彦
    jsstudy
    jsstudy 2019/11/15
    jQueryとその後のJSフレームワーク(React、Vue等)の顕著な違いはDOMの仮想化。jQueryの使い方を理解できる人ならVue.jsも使えるはず。
  • Window オブジェクトは厳密には Global オブジェクトじゃない? - フリーフォーム フリークアウト

    移転しました http://please-sleep.cou929.nu/20110310.html

    Window オブジェクトは厳密には Global オブジェクトじゃない? - フリーフォーム フリークアウト
  • DOM(Document Object Model)とは? - JavaScript勉強会

    JavaScript学習で、「DOM」という用語がよく出てきます。 DOMについてまとめておきます。(メモ) DOMとは? APIとは? DOMツリーとは? DOMツリーのノード DOMの操作 DOMを操作するためのライブラリー JavaScriptでDOM操作 jQueryでDOM操作 MVCフレームワークでDOM操作 Virtual DOM(仮想DOM)の登場 DOMリファレンス まとめ DOMとは? DOM - Google 検索 DOM(ドム)は、「Document Object Model」の略です。 JavaScriptを使って、ブラウザーのDOMを操作すると、HTMLを書き換えることができます。 ↑こっちのドムではありませんw Document Object Model - Wikipedia Document Object Model (DOM) は、HTML文書やXML文

    DOM(Document Object Model)とは? - JavaScript勉強会
    jsstudy
    jsstudy 2017/05/13
    DOM(ドム)は、「Document Object Model」の略です。JavaScriptを使って、ブラウザーのDOMを操作すると、HTMLを書き換えることができます。
  • element - MDC

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback Element は Document が継承するオブジェクトの中にあるすべての要素オブジェクト(すなわち、要素を表現するオブジェクト)が継承する、もっとも一般的な基底クラスです。すべての種類の要素の共通するメソッドとプロパティのみを持ちます。もっと具体的なクラスが Element を継承しています

    element - MDC
  • Document - Web API | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback Document インターフェイスはブラウザーに読み込まれたウェブページを表し、 DOM ツリーであるウェブページのコンテンツへの入口としての役割を果たします。 DOM ツリーには <body> や <table> など、多数の要素があります。これはページの URL を取得したり文書で新たな要素を

    Document - Web API | MDN
  • JavaScript と DOM インターフェイスによる HTML の表の操作 - Web API | MDN

    この記事では、強力で基的な DOM レベル 1 のメソッドと、それを JavaScript からどのように使用するかを概観します。どのようにして HTML 要素を動的に生成、アクセス、制御、削除するかを学ぶことができます。ここで紹介する DOM メソッドは HTML に限ったものではなく、XML に対しても用いることができます。ここで用意しているデモは、すべての最近のブラウザーで正常に動作します。 メモ: ここで紹介する DOM メソッドは ドキュメントオブジェクトモデル(コア)レベル 1 仕様の一部に過ぎません。DOM レベル 1 には HTML ドキュメント特有のメソッド (DOM 1 HTML) と共に、一般的なドキュメントアクセスと操作(DOM 1 コア)のためのメソッドが含まれています。

    JavaScript と DOM インターフェイスによる HTML の表の操作 - Web API | MDN
  • JavaScript/DOM|PHP & JavaScript Room

    JavaScriptの基~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。

    JavaScript/DOM|PHP & JavaScript Room
    jsstudy
    jsstudy 2017/03/05
    JavaScriptでは(X)HTML・XML文書をオブジェクトとして扱える。プロパティやメソッドで各要素にアクセスすれば、要素の情報を取得したり、その情報を書き換えることができるので、静的なHTMLを動的に変化させることができる。
  • Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex

    2003/9/3 2003/9/4 2003/9/5 2003/9/6 はじめに オブジェクトとプロパティ 連想配列 オブジェクトと連想配列 「クラス」というテンプレート オブジェクトとメソッド 特定の型専用の関数 「メソッド」というプロパティ クラスとメソッド 「オブジェクト指向」の簡単なまとめ DOMとオブジェクト指向 「DOM」とは何か? インターフェースとクラス DOM操作の実例 簡単な処理の例 もっと複雑な処理の例 おわりに Cが分かる人には疑りぶかいあなたのためのオブジェクト指向再入門というページがお勧めです。僕の稚拙な説明よりずっと分かりやすいです。 Home Back to Flakes Prev. Next はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからD

    jsstudy
    jsstudy 2017/03/05
    JSのOOP 初出:2003/9/3 最終更新:2003/9/6 この文書の目的は「手続き型言語としてのJavaScriptしか知らない人に、オブジェクト指向の基本を理解してもらうこと」で、「W3C DOMを利用できる程度の基礎知識」を目標としています
  • 仮想DOMの内部の動き | POSTD

    PreactでVDOMがどのように機能するかを示すフローチャート 仮想DOM(VDOMあるいはVNode)は魅力的です✨ しかし複雑で、理解が難しいものでもあります???? React や Preact 、その他同様のJSのライブラリでは、これをコアで使っています。残念ながら私は、これを詳細かつ分かりやすく説明している優れた記事や資料を見つけられませんでした。ですから、自分で書こうと思い立ったのです。 備考:これは非常に長い記事です。内容をシンプルに表すために画像を山ほど挿入しましたが、それゆえにさらに長い記事になってしまいました。 私は Preact のコードとVDOMを使いました。容量が小さくて済み、将来、簡単に見なおすことができるからです。しかし、概念のほとんどはReactにも共通していると思います。 皆さんがこれを読んだ後、仮想DOMをよく理解できるようになり、できればReact

    仮想DOMの内部の動き | POSTD
  • 1