biscot.to
authorjQuery, Sizzle, querySelectorAll, XPathã®é€Ÿåº¦æ¤œè¨¼ å˜ã«è¦ç´ ã‚’å–å¾—ã—ãŸã„ã ã‘ã®å ´åˆã€ã„ã£ãŸã„ã©ã‚ŒãŒä¸€ç•ªé€Ÿã„ã®ã‹ã€‚ function bench (func) { var start = (new Date()).getTime(); for (var i = 0; i < 1000000; i++) { func(); } var end = (new Date()).getTime(); console.log((end - start) + 'ms'); } ベンãƒã‚³ãƒ¼ãƒ‰ã¯å³è¨˜ã®ã‚ˆã†ãªã‚‚ã® ã¤ã¾ã‚‹ã¨ã“ã‚ã€100万回å–å¾—ã™ã‚‹ã€‚ ãれを5回試行ã—ã¦ã€å¹³å‡å€¤ã‚’å–ã£ãŸã‚‚ã®ã‚’スコアã¨ã™ã‚‹ã€‚ ID $('#id') jQuery 2s Sizzle('#id') Sizzle 2.4s document.querySelectorAll('#par
メソッドãƒã‚§ãƒ¼ãƒ³ã‚’途切るã“ã¨ãªã HTML タグを組ã¿ç«‹ã¦ã‚‹ jQuery Tag プラグイン - DOM Manipulation - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions
jQuery Tag プラグイン㯠jQuery ã®ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã‚’途切るã“ã¨ãªãã€HTML タグを組ã¿ç«‹ã¦ã‚‹ãŸã‚ã®ãƒ—ラグインã§ã™ã€‚HTML ã‚¿ã‚°ã®ç”Ÿæˆã¨è¿½åŠ をスタックã§æ“作ã™ã‚‹ã“ã¨ã§ã€ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã‚’å´©ã•ãšã« HTML タグを組ã¿ç«‹ã¦ç¶šã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ スタックã®æ“作㯠jQuery 自体ãŒæŒã¤ã‚¹ã‚¿ãƒƒã‚¯ã®ä»•çµ„ã¿ã‚’利用ã—ã¦ã„ã¾ã™ã€‚jQuery 㯠pushStack メソッドã§ç¾åœ¨ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’スタックã«ç©ã¿ã€end メソッドã§ç›´å‰ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«æˆ»ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ç‰¹æ€§ã‚’利用ã—ã¦ã€tag メソッド㧠HTML タグを生æˆã—㦠pushStack メソッドã§ã‚¹ã‚¿ãƒƒã‚¯ã«ç©ã¿ã¾ã™ã€‚gat メソッド㧠end メソッドã§ã‚¹ã‚¿ãƒƒã‚¯ã‹ã‚‰æˆ»ã—ã€HTML ã‚¿ã‚°ã‚’è¿½åŠ ã—ã¾ã™ã€‚gat メソッドã®åå‰ã¯ tag メソッドを逆ã«èªã‚“ã ã‚‚ã®ã§ã™ã€‚戻ã™ã‚„å対ã¨ã„ã†æ„味を込ã‚ã¦ã„ã¾ã™ã€‚ ã¾ãŸ $.ta
jQueryã®.bind(), .live(), .delegate()ã®é•ã„
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryã®.bind(), .live(), .delegate()é•ã„や仕組ã¿ã®ç†è§£ã€ã¾ãŸ.delegate()ã®æ–¹ãŒ.live()より優れã¦ã„ã‚‹ç†ç”±ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 内容を簡å˜ã«æ›¸ã出ã™ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ $('a').bind('click', function() { alert("That tickles!") }); .bind()ã¯$(‘a’)ã«å¯¾ã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¦ã‚‹ã€‚ $('a').live('clic
スマートフォン用ã«ä½œã£ã¦ã‚‹ã‚‰ã—ã„JSライブラリを見ã¦æ€ã†äº‹ - yaakaito::Blog
iPhone, JavaScript, Webã“ã‚“ã«ã¡ã¯ï¼ä»Šæ—¥ã‚‚主観ã§æ›¸ãよï¼ç·ã˜ã¦å€‹äººçš„ãªæ„Ÿè¦šãªã®ã§ã‚ã¾ã‚ŠãŠæ°—ã«ãªã•ã‚‰ãªã„ã§ãã ã•ã„ã。最近ã¯ä»•äº‹ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã ã¨ã€å€‹äººã§ã‚‚スマートフォン対応ã ã¨ã‹ã§å¤§å¤‰ãªäººã‚‚多ããªã£ã¦ãã¾ã—ãŸãï¼æœ€è¿‘ã¯jQueryMoblieã ã¨ã‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã£ã½ã„ライブラリも出ã¦ãã¦å¹¸ã›ãªæ°—分ã«ãªã£ã¦ã‚‹äººã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚ã‘ã©ã€ã“ã‚Œã£ã¦æœ¬å½“ã«ç´ 晴らã—ã„物ãªã®ã‹ï¼Ÿã¨èžã‹ã‚ŒãŸã‚‰åƒ•ã¯è‰¯ã„ã‚‚ã®ã¨ã¯ç”ãˆã‚‰ã‚Œãªã„ã§ã™ãー。ãªã‚“ã§ã‹ã§ã™ã‹ï¼Ÿãˆã£ã¨ãã‡å¤‰ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹ã„らãªã„ã‹ã‚‰æœ€è¿‘よãã¿ã‚‹ãƒ©ã‚¤ãƒ–ラリã«å¤šã„ã§ã™ã‘ã©ã€ãªã‚“ã‹ã‚°ã‚°ã£ã¨å‹•ã„ã¦é·ç§»ã™ã‚‹ãƒšãƒ¼ã‚¸ã ã¨ã‹ã€ãƒšãƒ¼ã‚¸ã‚ãã‚Šã¿ãŸã„ãªã®ãŒã§ãã¦ã‚«ã‚³ã‚¤ã‚¤ï¼ãªã®ãŒå¤šã„ã§ã™ã‚ˆã。ã‘ã©ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã˜ã‚ƒãªã„ã§ã™ã‚ˆãï¼ã“ã®å‰Appleã®å…¬å¼(PC)ãŒã¡ã‚‡ã£ã¨ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚ŒãŸã‘ã©æœ¬å½“ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã らã‘ã§ã†ã–ã„ã§ã™ã。
CSS3 Transition ã®ãŸã‚ã® CoffeeScript / JavaScript
CSS3 Transition ãŒã»ã¼ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã㟠昨年 CSS3 ã®ä»•æ§˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒãƒ‘ティãŒåŠ ã‚ã£ã¦ï¼Œä¸€æ™‚çš„ãªç†±ç‹‚ãŒã‚ã£ãŸã‚ã‘ã ã‘ã©ï¼Œãã‚Œã‹ã‚‰ä¸€å¹´ã—ã¦ã©ã®ãƒ–ラウザã«ã‚‚一応㮠CSS Animation / Transition ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸï¼Žã—ã‹ã—，W3C ã®ä»•æ§˜ã®ã¨ãŠã‚Š transition: <property> <duration> <timing-function> <deley> を指定ã—ã¦å‹•ãã‚ã‘ã§ãªã，-moz- ãªã‚Š -webkit- ãªã‚Šã®ãƒ—レフィックスãŒã¾ã å¿…è¦ãªç¾çŠ¶ã ã£ãŸã‚Šã™ã‚‹ï¼Žã‚“? ã‚ã‚，IE ãŠå‰ã¯åº§ã£ã¦ã‚ CSS プãƒãƒ‘ティをçµå±€ jQuery ã§å·®ã—込む方å‘㧠最近，やã£ã¨è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã‚’開発ã—よã†ã¨æ€ã£ã¦ï¼ŒSinatra + mongoDB ã§ï¼ŒView ã‚’ Haml Sass CoffeeScript + jQ
uupaa.js 㨠jQuery を機能をä¸å¿ƒã«ã–ã£ãã‚Šã¨æ¯”較 - latest log
Classã®ç¶™æ‰¿ã«ã¤ã„ã¦ã‚µãƒ³ãƒ—ルを追記ã—ã¾ã—ãŸã€‚ jQuery ã®ç‰¹å¾´çš„ãªæ§‹æ–‡ã‚’ uupaa.js ã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’追記ã—ã¾ã—ãŸã€‚ デãƒãƒƒã‚°æ”¯æ´æ©Ÿèƒ½ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ 特徴 uupaa.js jQuery åˆç‰ˆ version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリã®ç›®æ¨™ WebOSã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ä¸æ˜Ž 本æ¥ã®ç”¨é€” WebOS / WebApp DOMã®æ“作ã¨ã‚µã‚¤ãƒˆã®è£…飾 使ã‚れ方 導入実績ãªã— å°ã€œä¸è¦æ¨¡ã‚µã‚¤ãƒˆ / ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆç‰ 想定ã•ã‚Œã‚‹ã‚³ã‚¢ãƒ¦ãƒ¼ã‚¶å±¤ エンジニア デザイナー / コーダー / エンジニア åå‰ç©ºé–“ uu (1ã¤) jQuery 㨠$ (2ã¤) ライブラリã«ã‚ˆã‚‹è˜åˆ¥åプリフィクスã®äºˆç´„ uu ã¾ãŸ
QUnit
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
iFingerScrollã‚’translate3dã§å†å®Ÿè£…ã—ã¾ã—㟠- collisions.doppac.cc
â– iFingerScrollを公開ã—ãŸã‚ã¨ã€Gmailã®iPadビューã®ãƒšã‚¤ãƒ³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒè‡ªåˆ†ã®ã«æ¯”ã¹ã¦ç›¸å½“サクサクãªã®ã«æ°—付ãã€ã©ã†ã‚„ã£ã¦ã‚“ã ã‚ã¨æ€ã£ã¦PCã‹ã‚‰iPadã®UAã‚’é€ã£ã¦ã‚½ãƒ¼ã‚¹ã‚’ã¡ã‚‡ã£ã¨è¦‹ã¦ã¿ãŸã¨ã“ã‚ã€â€ -webkit-transform: translate3d “をã¤ã‹ã£ã¦divをスクãƒãƒ¼ãƒ«ã•ã›ã¦ã‚‹ã‚‰ã—ã„ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§iFingerScrollã‚‚CSS Transitionã§absoluteã®åº§æ¨™ã‚’å‹•ã‹ã™ã®ã§ã¯ãªãã€translate3dã®æŒ‡å®šã‚’javaScriptå´ã®åˆ¶å¾¡ã§å‹•ã‹ã™ã‚ˆã†ã«å†å®Ÿè£…ã—ãŸã¨ã“ã‚ã€ã„ã„æ„Ÿã˜ã«ãªã‚Šã¾ã—ãŸã€‚translateç³»ã®æŒ‡å®šã¯ã‚‚ã¨ã‚‚ã¨transitionã‚„animation目的ã§GPUサãƒãƒ¼ãƒˆã‚ã‚Šã§å®Ÿè£…ã•ã‚Œã¦ã‚‹ã®ã§ã€CSS Transition/Animationã¨ã—ã¦ä½¿ã‚ãªãã¦ã‚‚速ã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“（憶測）。レガシーCS
iPad風ã®è¤‡æ•°ãƒšã‚¤ãƒ³ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ã¤ãã‚‹jQuery.iFingerScroll - collisions.doppac.cc
■先週末会社ã§iPadã§æ¯Žæ—¥ä½¿ã†Webサービスを想定ã—ãŸ1Dayプãƒãƒˆã‚¿ã‚¤ãƒ”ングã¨ã„ã†ã®ã‚’ã—ã¦ã„ã¦ï¼ˆãã®ã†ã¡ã¾ã¨ã‚られã¾ã™ãŒã¨ã‚Šã‚ãˆãšYoutubeã®å‹•ç”»ã§æ§˜åãŒè¦‹ã‚‰ã‚Œã¾ã™ï¼‰ã€iPadWebアプリã®ãƒ–ラウザモックをã¤ãã£ãŸã®ã§ã™ãŒã€ãã®ã¨ãå›°ã£ãŸã®ãŒã€iPadアプリã§è¦‹ã‚‰ã‚Œã‚‹å·¦ã‚µã‚¤ãƒ‰ã®ãƒšã‚¤ãƒ³ã«ä¸€è¦§ã€å³ã‚µã‚¤ãƒ‰ã®ãƒ¡ã‚¤ãƒ³ãƒšã‚¤ãƒ³ã«è©³ç´°ã‚’表示ã™ã‚‹ã‚ˆã†ãªã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ–ルãªè¤‡æ•°ãƒšã‚¤ãƒ³UIã‚’ãµã¤ã†ã«ã¤ãる方法ãŒmobileSafariã«ç”¨æ„ã•ã‚Œã¦ãªã„ã“ã¨ã§ã—ãŸã€‚ãã‚‚ãã‚‚mobileSafariã«ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒãªã„ã‚“ã§ã™ã‚ˆã。 ブラウザã§iPhone風ã®ã‚°ãƒ©ãƒ–スクãƒãƒ¼ãƒ«ã‚’実ç¾ã™ã‚‹jQueryプラグイン「overscrollã€ã¨ã„ã†ã®ã‚’見ã¤ã‘ã¦å…¥ã‚Œã¦ã¿ãŸã‚“ã§ã™ãŒã“ã‚Œã§ã‚‚ã ã‚ã§ã€‚調ã¹ãŸã¨ã“ã‚mobileSafariã«ã¯ï¼ˆã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒãªã„ãŸã‚ã‹ï¼‰ãã‚‚ãã‚‚scrollTop/Leftプãƒãƒ‘ティãã®ã‚‚ã®ãŒãªã‹ã£
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
{{#tags}}- {{label}}
{{/tags}}