Movatterモバイル変換

lovely id:lovely

DOMに関するlovelyのブックマーク (3)

フロントエンドで知っておきたい要素指定の考え方 - pixiv inside [archive]
みなさんはじめまして、ピクシブのフロントエンドエンジニア id:koharusugiura です。JavaScript を用いた開発を行う際に jQuery やReact、vue.js といったライブラリーを使う方は多いでしょう。これらのライブラリーは共通して DOM を扱うライブラリーとなります。 DOM についての説明は長くなるのでここでは省きますが、簡単に説明するとHTML や XML の構造を表現するための仕様です。DOM はJavaScript のためだけにある仕様ではなく、Java やPython など、多くの言語に対応する仕様です。前述した各ライブラリーは多くのウェブブラウザー間の差異を吸収してくれるため、非常に便利なものです。しかし、その機能の豊富さからライブラリー自体のサイズは大きく、ウェブブラウザーで読み込むファイルの数や合計の容量が増えてしまいます。状況
lovely2015/12/24
DOM
JavaScript
リンク
new Image() と createElement('img') の違い
think49 @think49 @azu_re new Image() の特徴。width, height を引数に取れます。HTMLImageElement を必ず返します。new Image() は常にグローバル参照になるので低速です。http://goo.gl/R2EN 2010-10-01 00:40:07 think49 @think49 @azu_recreateElement の特徴。名前空間を指定できません。名前空間の存在しないXHTML文書(Documentのインスタンス)でcreateElement('img') すると Element を返します。 2010-10-01 00:40:24 think49 @think49 @azu_re document がローカル変数に格納されているなら、createElement は高速です。個人的にはHTMLDocume
lovely2011/02/10
DOM
JavaScript
リンク
offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
簡単な定義要素のoffsetLeftプロパティ要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ要素のoffset基準要素(これが何になるかが問題) ○結論から先に見たい方は＞＞こちら＜＜○ いままで、なんとなくoffsetTopやoffsetLeftを使っていました＾＾；これらは「ページ上の要素の位置」を格納してると思って。しかし、よくよく調べてみるとそれは誤りであり、かつかなり複雑でややこしいプロパティであることが分かってきました。*1 もともと、(ここでは述べませんが、offsetHeightとoffsetWidthも含め)offset〜のプロパティはIEがVer5で独自に実装したものらしく、その後他のブラウザが追随して実装したようです
lovely2009/03/18
html
DOM
リンク
1