Create user interfaces from componentsReact lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.
連載「Webサイト・アプリ高速化テクニック徹底解説」の第4回は、JavaScriptのチューニングのうち、ボトルネックになりやすいDOM操作の最適化について解説します。前編・後編にわたって、DOM操作が遅くなる原因と仕組み、その解決策について詳しく解説します。 CodeIQとの連動企画! この記事で学べるJavaScriptチューニングのテクニックを、実際にCodeIQの問題で試すことができます。もう既に自信がある方は腕試しに、もしくは理解度チェックのための復習として是非ご活用ください!こちらから問題にチャレンジ! DOM(Document Object Model)とは、HTMLをアプリケーション(ここではJavaScript)から利用するためのAPIです。JavaScriptによるユーザーインターフェースの構築やレスポンスの表示など、インタラクティブな部分はほとんどがDOM操作によるも
HTML 要素 (element 型オブジェクト) を取得する JavaScript は DOM を実装しており、(X)HTML 文書中の各種 Node (ノード) はオブジェクトとして扱われます。 例えば "html" や "body" などの要素 (Element) は element 型オブジェクトとして扱うことが出来ます。 文書中の文字列は text 型オブジェクトです。 ここでは、JavaScirpt を使って (X)HTML の各種要素 (element 型オブジェクト) を取得する方法を説明します。 ルート要素 (root element) の取得 XML 文書は、木構造で最上位にくる要素をただ 1 つ持っています。 この要素をルート要素といい、(X)HTML 文書では "html" 要素がこれにあたります。 DOM では、 Document インターフェイス の 読み取り専
CSSやHTML、そしてJavaScriptについてリファレンス的に扱ってみたいと思います。もちろん実践的なものも。
同一のバッファ内ならac-modeでなんでも補完してくれる。でもxyzzyのjavascript-modeみたいに"document"とか"getElementById"とか"innerHTML"とか予め存在するDOMメソッドやDOMオブジェクトやDOMプロパティを最初から補完してくれたほうが便利だと思う。そういうやつをEmacs上でできるようなものがないかと探してみたけど、見付けることができなかったので適当にやってみた。用意するもの Emacsac-mode http://taiyaki.org/elisp/ac-mode/js2-mode http://code.google.com/p/js2-mode/dabbrev-expand-multiple http://d.hatena.ne.jp/khiker/20070817/emacs_dabbrevxyzzyのjavascript
ドキュメントオブジェクトモデル (Document Object Model, DOM) は、ウェブページを表す HTML のような文書の構造をメモリー内に表現することで、ウェブページとスクリプトやプログラミング言語を接続するものです。ふつうは JavaScript を使用しますが、HTML、SVG、XML などの文書をオブジェクトとしてモデリングすることはコア JavaScript 言語の一部ではありません。 DOM は文書を論理的なツリーで表現します。ツリーのそれぞれの枝はノードで終わっており、それぞれのノードがオブジェクトを含んでいます。 DOM のメソッドでプログラム的にツリーにアクセスできます。これにより、文書構造やスタイルやコンテンツを変更することができます。 ノードにはイベントハンドラーを割り当てることができます。イベントが発生すると、イベントハンドラーが実行されます。 DO
Document Object ModelEventコンストラクターEvent()インスタンスプロパティbubblescancelablecancelBubble 非推奨 composedcurrentTargetdefaultPreventedeventPhaseexplicitOriginalTarget Non-standard isTrustedoriginalTarget Non-standard returnValue 非推奨 srcElement 非推奨 targettimeStamptypeインスタンスメソッドcomposedPath()initEvent() 非推奨 preventDefault() stopImmediatePropagation()stopPropagation()DOM に関連するページAbortControllerAbortSignalAbstra
とりわけ、ECMAScript は以下のものを定義しています。 言語文法(構文解析のルール、キーワード、制御フロー、オブジェクトリテラルの初期化、…) エラー処理のメカニズム (throw、try/catch、ユーザー定義エラー型の作成機能) 型 (真偽値、数値、文字列、関数、オブジェクト、…) グローバルオブジェクト。ブラウザー環境では、このグローバルオブジェクトは window オブジェクトですが、ECMAScript ではブラウザーとは直接関係のない API のみが定義されています。例えば parseInt、parseFloat、decodeURI、encodeURI…… プロトタイプベースの継承メカニズム。その対象は次のもの: ビルトインオブジェクトと関数(JSON、Math、Array.prototype メソッド、オブジェクト内部確認メソッド……) Strict モード (ここ
「jQuery DOM ツリー 構築 or 生成」などで検索しても、jQueryでDOM要素を作成/生成し、DOMツリーを1から作る方法が出てこなかったので、せっかくだから基礎の基礎をまとめてみる。 1)jQueryオブジェクトを作る jQueryオブジェクトとは、jQueryの関数(メソッド)が使用できるDOM要素(またはその配列)のこと。DOMツリーに含まれてない要素も含む。 jQueryオブジェクトは、セレクタで抽出して取得することが多いが、1から作ることもできる。 jQueryオブジェクトの作成には、$()関数を使用する。 <例> // <div></div>という要素のjQueryオブジェクトを作成し、$jqObjに格納する var $jqObj = $("<div/>"); 変数名の先頭に $ をつける必要は無いが、「jQueryオブジェクトが格納されている変数であること」を明
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く