What's wrong with extending the DOM — Perfection Kills
I was recently surprised to find out how little the topic of DOM extensions is covered on the web. What’s disturbing is that downsides of this seemingly useful practice don’t seem to be well known, except in certain secluded circles. The lack of information could well explain why there are scripts and libraries built today that still fall into this trap. I’d like to explain why extending DOM is ge
DOM = フレームãƒãƒƒãƒ•ã‚¡ - id:anatooã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯DOM = Frame buffer | Quixey Blogã‚’å‹æ‰‹è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚‚ã—ã‚ãªãŸãŒå¤§è¦æ¨¡ãªAJAXアプリケーションを書ã„ã¦ã„ã‚‹ãªã‚‰ã€ã“ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã‚’許ã›ã‚‹ã ã‚ã†ã‹ã€‚ if (jQuery("#file_menu").is(":visible")) { ... } 駄目ã ã€ã“ã‚Œã¯å…¨ç„¶è‰¯ããªã„。ã¨ã„ã†ã®ã‚‚ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®çŠ¶æ…‹ã®ä¿æŒã‚’DOMã«ä¾å˜ã—ã¦ã„ã‚‹ã‹ã‚‰ã 。ç§ãŸã¡ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ä¸»å¼µã—ãŸã„。DOMã¯æœ¨æ§‹é€ ã‚’æŒã£ã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚らãšã€ã‚ãªãŸã®ã‚¢ãƒ—リケーションã®å‡ºåŠ›ã‚’エンコードã™ã‚‹ã®ã¿ã§ã‚ã‚Šã€ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹(æ„味論)ã‚’æŒã£ã¦ã„ãªã„ã€ã¨ã€‚ デスクトップã®ãƒ¡ã‚¿ãƒ•ã‚¡ デスクトップアプリケーションをプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã™ã‚‹ã“ã¨ã‚’考ãˆã‚ˆã†ã€‚ã‚ãªãŸã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ãƒ¡ãƒ¢ãƒªå†…ã®ã‚ªãƒ–ジェクトを通ã˜ã¦ä¸€é€£ã®çŠ¶æ…‹ã‚’ä¿æŒã™ã‚‹ã€‚ã‚‚ã—ã‚ãªãŸãŒç¾åœ¨ã©ã®UIエレメントãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ã‚’知りãŸã„ãªã‚‰ã°
jQuery.live ã£ã½ã„実装 - latest log
submit, focus, blur, change をクãƒã‚¹ãƒ–ラウザã«ã™ã‚‹æ–¹æ³•ã‚’追記ã—ã¾ã—ãŸã€‚ 最新版ã®ã‚³ãƒ¼ãƒ‰ã‚’追記ã—ã¾ã—ãŸã€‚ ãƒ‡ãƒ¢ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ jQuery.live() 㯠document.addEventListener(type, fn, capture) ã§ã€å¤©è¾ºã¾ã§ãƒãƒ–ルアップã—ã¦ãるイベントを拾ㆠ拾ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆãŒ CSS ã®ã‚»ãƒ¬ã‚¯ã‚¿å¼(expr) ã«ä¸€è‡´ã™ã‚‹ã‹æ¯”較 一致ã—ã¦ã„ã‚Œã°ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ fn をコールãƒãƒƒã‚¯ ã¨ã„ã†å‡¦ç†ã‚’ã‚„ã£ã¦ã„るよã†ã§ã™ã€‚ # 注æ„: jQuery ã®ã‚³ãƒ¼ãƒ‰ã‚’見ãšã«ã—ゃã¹ã£ã¦ã‚‹ã‚ˆ ãã‚“ãªæ„Ÿã˜ã®ã‚’実装ã—ã¦ã¿ãŸ var _livedb = {}; // { "expr\vnamespace.click": {...}, ... } uu = uumix(_uujamfactory, { // uu(expr, ctx) -> Instance
jQuery.liveã‚’firefoxã§ä½¿ã†ã¨ãã®æ³¨æ„点 - KAYAC Engineers' Blog
夢ã§åŒ»è€…ã«ã‚®ãƒ–スãらã„自分ã§ã¯ãšã›ã‚ˆã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚agoã§ã™ã€‚ 昨日若手IT勉強会ã«å‚åŠ ã•ã›ã¦ã„ãŸã ãã€jQuery.live周辺ã¨jsdeferredã‚’èªã‚“ã§ãã¾ã—ãŸã€‚ ãã®ã¨ãæ°—ã¥ã„ãŸã®ã§ã™ãŒã€Firefoxã¯document objectã«å¯¾ã™ã‚‹click eventãŒå³ã‚¯ãƒªãƒƒã‚¯ï¼ˆevent.button === 2）時ã«ã‚‚呼ã°ã‚Œã¦ã—ã¾ã†ã‚ˆã†ã§ã™ã€‚(Firefox ver 3.5.5ã§ç¢ºèª) （Fxã®æ–¹ã¯ãƒ‡ãƒ¢ã‚³ãƒ¼ãƒ‰ã®ã€Œã“ã“をクリックï¼ã€ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã„ãŸã ã‘ã‚Œã°ç¢ºèªã§ãã‚‹ã¨æ€ã„ã¾ã™ï¼‰ 本家ã«ã¯ã™ã§ã«å ±å‘Šã•ã‚Œã¦ã„るよã†ãªã®ã§ã„ãšã‚Œä¿®æ£ã•ã‚Œã‚‹ã¨æ€ã„ã¾ã™ãŒã€jQuery ver 1.3.2以下ã§$().liveを使用ã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰å´ã§å¯¾å¿œã™ã‚‹ã“ã¨ã‚’ãŠå¥¨ã‚ã—ã¾ã™ã€‚ $('selector').live('click', function (env) { if (env.but
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
Inside Ex DOM Storage - æ—¥å‘å¤ç‰¹æ®Šå¿œæ´éƒ¨éšŠ
Ex DOM Storage ã®ä¸ã®å®Ÿè£…ã§ã™ãŒã€çµæ§‹è‹¦åŠ´ã—ãŸã®ã§æŠ˜è§’ã ã‹ã‚‰è§£èª¬ã—ã¡ã‚ƒã†ãžçš„ãªã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ ãªã®ã§èˆˆå‘³ã®ã‚る人以外ã«ã¯ã ã„ã¶ãƒ‹ãƒƒãƒã§ã™w Ex DOM Storage ã®æŠ€è¡“的概観 ç°¡æ½”ã«æ›¸ã„ã¦ã—ã¾ã†ã¨ä»¥ä¸‹ã®äºŒç‚¹ã«ã¤ãã¾ã™ã€‚ データã®æ ¼ç´å…ˆã¯ userData behavior Storage オブジェクトã®å®Ÿæ…‹ã¯ script è¦ç´ ã«é©ç”¨ã—㟠element behavior userData behavior ã¨ã¯ï¼Ÿ userData Behavior ã¨ã¯ã€IE ãŒæ¨™æº–ã§ç”¨æ„ã—ã¦ã„るクライアントサイドストレージã§ã™ã€‚ 使ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã€ element.addBehavior("#default#userData"); element.load("myStorage"); element.setAttribute("myData", "blah blah"); e
Ex DOM Storage をリリースã—ã¾ã—㟠- Yet Another Hackadelic
çµæ§‹å‰ã«ä½œã£ã¦ã„ãŸã‚“ã ã‘ã©ã€IE6, IE7 ã§ã‚‚動作ã™ã‚‹ DOM Storage を作ã£ãŸã®ã§ã€ãã¡ã‚“ã¨å‘ŠçŸ¥ã—ã¾ã™ã€‚ 追記 ã¡ãªã¿ã«ã‚µãƒ¼ãƒãƒ¼ã«ãƒ•ã‚¡ã‚¤ãƒ«ç½®ãã ã‘ã§å‹•ãã¾ã™ã€‚ユーザーã«ä½•ã‹ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã›ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。(2008-09-24T11:45:56+09:00) CodeReposã«ã‚½ãƒ¼ã‚¹ã‚’移動ã—ã¾ã—ãŸã€‚(2008-09-24T12:37:24+09:00) Ex DOM Storage dist http://svn.coderepos.org/share/lang/javascript/exdomstorage/tags/0.01/ source http://svn.coderepos.org/share/lang/javascript/exdomstorage sample http://svn.coderepos.org/share/lang/javascript/
高速ãªgetElementsByClassName - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
追記：ã¡ã‚‡ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’çŸãã—ãŸã€‚ メモ化ã€æ£è¦è¡¨ç¾ã‚’使ã‚ãªã„工夫ã€ãƒ¡ã‚½ãƒƒãƒ‰å‘¼ã³å‡ºã—を減らã™ãªã©ã€åœ°å‘³ã«åŠªåŠ›ã—ãŸã€‚ ã‘ã£ã“ã†é€Ÿã„ã¨æ€ã†ã€‚ 引数ã«ã¯ã€é †ä¸åŒã§è¤‡æ•°ã®ã‚¯ãƒ©ã‚¹åを渡ã›ã‚‹("foo bar"ã€"bar foo"ã¿ãŸã„ã«)。 if (typeof HTMLElement.prototype.getElementsByClassName!="function") HTMLElement.prototype.getElementsByClassName=function(className) { var names=className.split(/\s+/), all=this.getElementsByTagName("*"), memo={}, ret=[]; for(var i=0,l=all.length,elem,iname,flag;i<l;i++) { elem=all[i
Re: 僕ãŒã‚ã¾ã‚ŠDocumentFragmentを使ã£ã¦ã„ãªã„ç†ç”± (agenda)
Latest topics > 僕ãŒã‚ã¾ã‚ŠDocumentFragmentを使ã£ã¦ã„ãªã„ç†ç”± - outsider reflex ãŸã ã€ã©ã‚“ãªå ´åˆã§ã‚‚上ä½ã®DOMノードをゴソッã¨å·®ã—替ãˆã¦é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³•ã‚’使ã†ã¹ãã€ã¨ã¯è¨€ãˆã¾ã›ã‚“。 DocumentFragmentを用ã„ã¦è¦ç´ を切り貼りã™ã‚‹ã¨ã€è‘—者スクリプトç‰ãŒå‹•ä½œã—ãªããªã‚‹ã“ã¨ã¯ç§ã‚‚よã経験ã—ã¦ã„ã‚‹ã®ã§ã€ãã®ã‚¹ã‚¯ãƒªãƒ—トを検証ã™ã‚‹ã¾ã§ã‚‚ãªã確ã‹ã«ãã®é€šã‚Šã ã¨æ€ã†ã€‚ãã—ã¦æ–‡æ›¸ãƒ„リーを多数回変更ã™ã‚‹ã¨ãã¯Document Fragmentを経由ã™ã‚‹ (agenda)ã¯ã€ç¢ºã‹ã«ã©ã‚“ãªå ´åˆã§ã‚‚ã¨è¨€ã£ã¦ã„るよã†ã«èªã‚る。 ã“ã“ã¯ç´ ç›´ã«è¬ã‚ŠãŸã„。申ã—訳ãªã‹ã£ãŸã€‚文書ツリーを多数回変更ã™ã‚‹ã¨ãã¯Document Fragmentを経由ã™ã‚‹ (agenda)ã‚’èªã‚“ã§ã€æ–‡æ›¸ãƒ„リーを多数回変更ã™ã‚‹ã¨ãã¯ã€ã©ã‚“ãªå ´åˆã§ã‚‚Document Fragmentを使ã†ã¹
Latest topics > 僕ãŒã‚ã¾ã‚ŠDocumentFragmentを使ã£ã¦ã„ãªã„ç†ç”± - outsider reflex
Latest topics > 僕ãŒã‚ã¾ã‚ŠDocumentFragmentを使ã£ã¦ã„ãªã„ç†ç”± 宣ä¼ã€‚日経Linuxã«ã¦Linuxã®åŸºç¤Žï¼Ÿã‚’紹介ã™ã‚‹æ¼«ç”»ã€Œã‚·ã‚¹ç®¡ç³»å¥³åã€ã‚’連載ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ 以下ã®ç‰¹è¨ã‚µã‚¤ãƒˆã«ã¦ã€å˜è¡Œæœ¬ã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linux シス管系女åã®è©¦ã—èªã¿ãŒå¯èƒ½ï¼ « スマートãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã§NOT検索ã§ãるよã†ã«ã—ãŸXUL/Migemo 0.10.5をリリースã—ãŸã‚ˆ Main éŠã³ã¨ã‹æœ¬æ°—ã¨ã‹ » 僕ãŒã‚ã¾ã‚ŠDocumentFragmentを使ã£ã¦ã„ãªã„ç†ç”± - Jul 07, 2008 自分ã«ã¯ã¡ã‚‡ã£ã¨æ‰¿ä¼ã§ããªã„ç†ç”±ã§Jintrickæ°ã«DISられã¦ã‚‹ã®ã§ã€ä¸€å¿œé‡ˆæ˜Žã—ã¦ãŠãã¾ã™ã€‚ ――「一応ã€ã¨æ›¸ã„ã¦ãŠããªãŒã‚‰ã€Jintrickæ°ã«ã€Œãƒã‚«ã˜ã‚ƒãーã®ã€ã¿ãŸã„ã«ç…½ã‚‰ã‚ŒãŸã‚ˆã†ãªæ°—ãŒã—ã¦æ„Ÿæƒ…çš„ã«ãªã£ã¦ã‚¯ãƒ‰ã‚¯ãƒ‰æ›¸ãéŽãŽã¦ã—ã¾ã£ãŸã®ã§ã€æœ€åˆã«ä¾‹ã ã‘示ã—ã¦ãŠãã¾ã™ã€‚ <?xml
è¦ç´ ãŒå®Ÿéš›ã«è¦‹ãˆã¦ã„ã‚‹ã‹ã©ã†ã‹èª¿ã¹ã‚‹é–¢æ•° - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
Hit-a-Hintã‚„vimperatorã§ã€ã©ã†ã‚„ã£ã¦è¦‹ãˆã¦ã„るリンクã®ã¿ã‚’探ã—ã¦ã„ã‚‹ã®ã‹èª¿ã¹ãŸã€‚ 下ã®ã‚ˆã†ã«ã™ã‚Œã°ã„ã„よã†ã 。 function isVisible(elem) { var style = getComputedStyle(elem, null); var position = elem.getBoundingClientRect(); return style.display != 'none' && style.visibility != 'hidden' && position.left >= 0 && position.top >= 0 && position.bottom <= window.innerHeight && position.right <= window.innerWidth; } Array.filter(document.getElemen
IE ã§ä¸€æ™‚çš„ã«è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’変更ã™ã‚‹ - IT戦記
ã„ã‚ã„ã‚ãŸã‚ã—ãŸã‘ã©ã€ä»¥ä¸‹ãŒä¸€ç•ªæ¥½ // 変更 element.runtimeStyle.cssText = ' width: 100%; height: 100%'; // 戻㙠element.runtimeStyle.cssText = ''; 特ã«ã€æˆ»ã™ã¨ãã« cssText 以外ã®ãƒ—ãƒãƒ‘ティを空ã«ã—ã¦ã‚‚ã€ãŠã‹ã—ãªæŒ™å‹•ã‚’ã™ã‚‹ã®ã§ cssText を使ã†ã¨ã„ã„。 ã—ã‹ã‚‚ IE ã ã‘ã¯ã€ CSSStyleSheet オブジェクトã«ã‚‚ cssText ãŒä½¿ãˆã‚‹ // ã“れも IE ã ã‘ var sheet = document.createStyleSheet(); sheet.cssText = 'div { hoge: hoge; fuga: fuga } div div { piyo: piyo }'; sheet.cssText = '';
è¦ç´ 固有㮠ID ã‚’å–å¾—ã™ã‚‹ - IT戦記
IE ã§ã¯ element.uniqueID ã¨ã„ã†ã®ãŒã‚る。 ã“ã‚Œã¯ã€è¦ç´ ã«å›ºæœ‰ã®ç•ªå·ã‚’付ã‘ãŸã‚‚ã®ã 。 ã“ã‚ŒãŒçµæ§‹ä¾¿åˆ©ã§ã€ var seen = {}; for (var i = 0; i < elemenets.length; i ++) { if (seen[elements[i].uniqueID]) elements.splice(i, 1); else seen[elements[i].uniqueID] = true; } ã¿ãŸã„ãªæ„Ÿã˜ã§ã€ä½¿ã†ã“ã¨ãŒã§ãる。 ä»–ã®ãƒ–ラウザ ä»–ã®ãƒ–ラウザã«ã¯ã“ã‚ŒãŒãªã„ã®ã§ã€çµæ§‹ä¸ä¾¿ã€‚ ã§ã€ getter ã§å‡ºæ¥ã‚‹ã˜ã‚ƒã‚“ã£ã¦æ€ã£ã¦ã‚°ã‚°ã£ã¦ã¿ãŸã‚‰ã€‚ Dean Edwards ã•ã‚“ãŒã‚‚ã†ä½œã£ã¦ãŸã€‚ã•ã™ãŒ http://dean.edwards.name/moz-behaviors/src/ HTMLElement.prototype.__define
getBoundingClientRect()を使ã£ã¦è¦ç´ ã®çµ¶å¯¾åº§æ¨™ã‚’求ã‚ã‚‹ - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
追記：ã©ã†ã‚„らnowa サービス終了ã®ãŠçŸ¥ã‚‰ã›ã§æ—¢å‡ºã ã£ãŸæ¨¡æ§˜ã€‚ ページãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ | Mozilla Developer Networkを使ã£ã¦ç°¡å˜ã«ã€çµ¶å¯¾åº§æ¨™ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãる。 offsetParent辿ã£ã¦ã„ã£ã¦offsetWidth足ã—ãŸã‚Šã—ãªãã¦ã„ã„ã®ã§æ‰‹è»½ã€‚ function getElementPosition(elem){ var position=elem.getBoundingClientRect(); return { left:Math.round(window.scrollX+position.left), top:Math.round(window.scrollY+position.top) } } getElementPosition(document.links[5]) getBoundingClientRect()ã§è¿”ã£ã¦ãるプãƒãƒ‘ティã¯ã€å°æ•°ã«ãª
IE ã® innerHTML ã‚„ appendChild ã§è¦ç´ ãŒæŒ¿å…¥ã•ã‚ŒãŸçž¬é–“ã‚’å–å¾—ã™ã‚‹æ–¹æ³• - IT戦記
è¦ç´ ãŒæŒ¿å…¥ã•ã‚ŒãŸçž¬é–“ã‚’å–å¾—ã™ã‚‹ 今ã¾ã§ã¯å‡ºæ¥ãªã„ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ä»Šæ—¥ã„ã‚ã„ã‚試ã—ã¦ã„ã¦å‡ºæ¥ã‚‹æ–¹æ³•ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚ ã§ã™ã®ã§ã€ã¡ã‚‡ã£ã¨ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚今ã®ã¨ã“ã‚アイデアãªã®ã§ã€å®Ÿç”¨æ€§ã¯ï¼Ÿã§ã™ã€‚ 方法 HTML ã«ä»¥ä¸‹ã® style è¦ç´ を挿入ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = true; alert('inserted node: ' + this.tagName); } return ''; }.apply(this)); } </style> 実際ã«ä¾‹ã‚’見ã¦ã¿ã¾ã—ょㆠhttp://amachang.art-code.org/ieexpression/000.html <!DOCTYPE
æ–‡å—列ã‹ã‚‰DOMã®æ§‹ç¯‰ã«ã‹ã‹ã‚‹æ™‚é–“ « ku
tumblr経由ã§Greasemonkeyスクリプトã®GM_xmlhttpRequestã¨ã‹ã§å–å¾—ã—ãŸhtmlã¨ã‹xmlã‚’ã„ã˜ã‚‹å ´åˆã¯xpathã ã¨é…ã„ã“ã¨ãŒå¤šã„ã‹ã‚‚ - ã•ã‚‰ã•ã‚‰å®‡å®™å¿æ³•å¸–ã‚’èªã‚“㧠ã¨ã„ã†ã®ã¨ã€å®Ÿéš›ã®æ™‚é–“ã¯2000ms vs 200msã»ã©ãªã‚“ã§ã€ï¼’秒待ã¦ã‚‹å‡¦ç†ãªã‚‰å¤šå°‘é…ããŸã£ã¦ã„ã„ã˜ã‚ƒã‚“ã€ã£ã¦ã®ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚ã„や２秒ã¨0.2秒ã¯ä½“æ„Ÿã§ãã‚‹é•ã„ã ãªã。。 体感ã§ã•ã™ãŒã«2秒もã‹ã‹ã£ã¦ãªã„æ°—ãŒã—ãŸ(DOMã®æ§‹ç¯‰ã¯åŒæœŸçš„ã«è¡Œã‚れるã®ã§ãã®é–“UIãŒãƒ•ãƒªãƒ¼ã‚ºã™ã‚‹ã¯ãšã ã‘ã©ã€ãã†ã„ã†ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã¦ãªã„)ã‘ã©ã©ã‚Œãらã„ã‹ã‹ã£ã¦ã„ã‚‹ã®ã‹ã‚‚知らãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ 実験 評価環境 2.16GHz/Core2Duo OSX10.4+Firefox3beta3 評価方法 AutoPagerize 0.23ã§æ–‡å—列ã‹ã‚‰DOMを構築ã—ã¦ã„ã‚‹createHTMLDocument
IE8 ã§å®Ÿè£…ã•ã‚ŒãŸ Selectors API ã¨ã¯ä½•ã‹ï¼Ÿ - IT戦記
ã¯ã˜ã‚ã« IE8 ã«ã¯ Selectors API ã¨ã„ã†æ–°ã—ã„仕様ãŒå®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå¾Œ DOM æ“作 API ã®ä¸»æµã«ãªã‚‹ã§ã‚ã‚ㆠSelectors API ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Selectors API ãŒä½¿ãˆã‚‹ãƒ–ラウザ 2008 å¹´ 3 月 6 æ—¥ç¾åœ¨ã®ä¸€è¦§ WebKit Build Archives | WebKit (開発版㮠Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 ã® Beta 版) Selectors API ã¨ã¯ Selectors API ã¨ã¯ W3C ã§å®šç¾©ã•ã‚ŒãŸä»•æ§˜ã§ã™ã€‚詳細ã«é–¢ã—ã¦ã¯ã“ã¡ã‚‰ã‚’ã©ã†ãž ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ getElementsByTagName ã‚„ getE
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.shin-yan.dyndns.org/~yan/distribution/xul/event_inspector/index.html
{{#tags}}- {{label}}
{{/tags}}