Firefox 5 for developers - Mozilla | MDN
Firefox 5 は Gecko 5.0 ベースのブラウザーで、2011 年 6 月 21 日にリリースされました。このページは Firefox 5 のリリースにあたり、開発者に影響する変更について情報をまとめたものです。 すべての HTML 要素が accessKey 属性を持つようになりました。また、blur(), click(), focus() メソッドもすべての要素に定義されました。これらの属性やメソッドは HTMLElement に定義されています。 HTML5 仕様への準拠により、文字エンコーディング UTF-7 と UTF-32 のサポートが削除されました。 Quirks モードにおいて、空の <map> がマッチされず、空でない <map> にスキップしてしまう問題が修正されました。詳細は <map> 要素のページにある Gecko の実装に関する注意書き をご覧くださ
Just Like You Do
Yahoo! PRESS から出版されている High Perfomance JavaScript を読んだメモ書きです。 Chapter 1: Loading and Execution JavaScript のコードを読み込むときは、ブラウザは <script> タグの中で DOM を書き換えるかどうかを予め判断できないので、別スレッドにはできない。 IE だと <script> タグに "deferred" 属性を付けることで読み込みを遅延させられる。 loadScript(url, callback) 関数だけを先に送り出してあげて、アプリケーションコードの本体は後から送信するようにする。YUI().use() など。 Chapter 2: Data Access Literal values, Variables, Array items, Object members へのアク
requestAnimationFrame for smart animating - Paul Irish
If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame? In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whethe
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
DOM+CSSアニメーションにはsetTimeout と setInterval どちらを使うべきか | TwitScratch
DOM+CSSアニメーションを群舞させるには、一つの関数の中でリフロー(レイアウトの再計算)させずに複数のノードをアニメーションさせなければならない。関数を抜けて外側でループすると、ブラウザがここぞとばかりに画面を更新してしまうため、群舞が崩れてしまう。ハードル高いんだぜ
setTimeoutのメソッドチェーンとループ時の利便性向上について - 三等兵
ppBlog official これは私も以前悩みました。もう解決したとは思いますがいろいろやってみます。 コードを拝借。 var foo = function(){}; // 関数オブジェクトを作成 foo.prototype = { // プロトタイプを設定 say : function(s){ alert(s); return this; }, await : function(ms){ // ここで遅延処理をゴニョゴニョしたい // var _this = this; // setTimeout(function(){ // return _this; # まぁ、これはダメだけど、こんな感じでやれたらいい // }, ms); return this; } } var bar = new foo(); bar.await(2000).say("Hello"); // すぐに「Hel
A Recursive setTimeout Pattern - Eric Hynds
Monday, October 18, 2010 Colin Snover wrote a good article about why he thinks setInterval is considered harmful: setInterval ignores errors. If an error occurs in part of your code, it'll be thrown over and over again. setInterval does not care about network latency. When continuously polling a remote server for new data, the response could take longer than the interval amount, resulting in a bun
Secrets of the JavaScript Ninja 6章を読んで来た - Output::Weblog
今回は6章(Timers)です!前回と同じく予習の時にjsのタイマーについて 少し日本語情報を仕入れてから読み始めました． 予習時に参考にしたURL http://d.hatena.ne.jp/amachang/20060910/1157911122 http://labs.gmo.jp/blog/ku/2007/09/firefoxsettimeout.html 概要 jsはシングルスレッド タイマーはjsの機能ではなくてブラウザ側の機能 タイマーの働き jsでタイマーを実現するための関数は下の4つ setTimeout 1回きり setInterval 定期実行 clearInterval setIntervalで指定したタイマー解除 clearTimeout setTimeoutで指定したタイマー解除 setTimeoutもsetIntervalも戻り値があって，戻り値がユニークなI
Javascript雑学：SetTimeoutについて知っておくべき事
昨日のベンチマーク・プログラムだが、MacやWindows上で走らせて60-70fps程度しか出ていない事に驚いた人も多いかも知れないのでひと言補足しておく。 あのベンチマーク・プログラムは１フレーム描画するごとにSetTimeout()を使って1msの遅延で関数updateFrameを呼び出し、実際に１秒間に何回呼び出されるかを測定している。スマート・フォン上でこのベンチマーク・プログラムを走らせると、フレームの描画の部分に30msとか40msとかが必要なので、その結果33fps、25fpsなどの測定結果が得られる。 ということは、Javascriptの実行速度が猛烈に早ければ1000fpsも可能なはずだが、どんなに高速なパソコンを使おうと、どんなに描画のロジックを単純化しようと、実測値が通常100fpsを超えることはないのをご存知だろうか。
setIntervalとsetTimeoutを調べた結果余分なことになった - 三等兵
なかなかどうして、怠惰な若輩者につき不明な点が多々あるため先人の知恵をお借りしたく候。というわけでいろいろ知恵や知識などいただきます。・・・消化不良でしたorz setTimeoutの中の小難しいお話 自分だけじゃ到底調べられないし分かる術もない。Cなんて知るか。だのにこうしてなんとなくでも知ることができるのはありがたいことです。 http://labs.gmo.jp/blog/ku/2007/09/firefoxsettimeout.html Firefoxだけで少し古い記事だけど今でも同じようなものかな。他に私がわかるような資料もないのでこちらをベースに考えさせてもらいます。大きな変更はないだろうし。 タイマースレッド URL先読んだだけではイメージできなかった。整理のため箇条で要約。 Firefoxにはタイマー処理だけを管理している専用のスレッドがある（TimerThread） タイ
Ben Alman » jQuery doTimeout: Like setTimeout, but better
jQuery doTimeout takes the work out of delayed code execution, including interval and timeout management, polling loops and debouncing. In addition, it’s fully jQuery chainable! Generally, setTimeout is used in JavaScript to delay the execution of some code, which is fairly easy to do and doesn’t require much, if any additional code. Where it starts to get a little more complicated is when you wan
JavaScriptのsetIntervaｌ関数の意味を正確に理解するための１つの説明 - 風と宇宙とプログラム
ECMAScriptの言語仕様と組込関数の動作仕様は非常にきめ細かく規定されていますが、それに含まれていないJavaScriptの関数の仕様はどうもはっきりしないように思えます。そのためか、それを利用するコードも正確なものではないものが見受けられます。その１つがsetInterval関数。何をいまさら？という感じですが、ちょっとググッてみたところsetInterval関数を解説する記事は沢山見つかりますが、そのことについて注意している記事はほとんど見当たりません。 何のことかと言うと、setInterval関数は一定間隔で指定した関数を実行する、とだけ説明されていて、何が一定なの？ということについての説明が抜けているように思われます。例えば、もし、関数が一定間隔でコールされるなら、下のコードを実行した場合、duration=???はいくつと表示されるのが正しいのでしょうか？ functio
Using setTimeout to Delay Showing Event-Delegation Tooltips | Learning jQuery
In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked how we might go about enhancing the script by adding a small delay before showing a tooltip. The answer lies with two JavaScript functions, setTimeout() and clearTimeout(). Setting Up Picking up where we left off last time, I’m going to create the tool
jQuery idleTimer plugin - Paul Irish
There are a few cases where you want to know if the user is idle. Namely: You want to preload more assets You want to grab their attention to pull them back You want close their banking session after 5 minutes of inactivity. (Jerk!) You want the site to sneak off the screen and see if they notice ;-) Nick Zakas wrote a script for YUI3 to handle these cases. His writeup has a great description of t
jQuery Plugin: jQuery Timers
jQuery timers is an attempt to combine jQuery's concise chaining programming style with the awkward style in which timed events are coded in JavaScript to produce a friendlier and more intuitive timed event system. In addition, it fixes the most prevalent issue with the various event systems of JavaScript: misconfigured scope. All the methods you design to use in setTimeout/setInterval in JavaScri
Latest topics > JavaScriptでsleepしたい、を実現する方法（require JavaScript 1.7） - outsider reflex
Latest topics > JavaScriptでsleepしたい、を実現する方法（require JavaScript 1.7） 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 自宅マシンがどうにもならないレベルで逝ってしまったようだ Main 「本当に言いたかった事は」 » JavaScriptでsleepしたい、を実現する方法（require JavaScript 1.7） - Feb 20, 2009 中野さんが、JavaScriptにはsleep（一定時間待ってから次の処理に進むという命令文）が無いせいでテストを書くのに難儀したという話を書かれているけれども。まさにこれをどうにかしたくて、UxUは進化してきたようなものと言える。 知
Drift Diary12: エンジニアからみたChromeの中身
といっても、この内容は、ソースコードをみてるわけでもなく、リリースされてる情報や、Chromeのアプリを触ってみて、実装を推測してみたもので、あくまでも想像です。あしからず。 という、お約束の前置きをしつつ、まず、エンジンについては、リリースではWebKitベースにv8というJavaScriptのエンジンを搭載してると言われてます。UserAgentをみると UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 ということで、AppleWebKit/525.13ということはSafari3.1ベースのWebKitが採用されてることがわかります。(Safari3.1.1はAppleWe
中機能タイマー - latest log
uu.create.timer()は、window.setInterval() と window.setTimeout() の代替手段となるものです。 さほど高機能でもないので、中機能ってことで。 特徴: 低負荷 多数のタイマー(10本〜)を同時に使用する状況下で、CPU負荷がsetInterval(),setTimeout()よりも20〜30%程軽い。 サスペンド(一時停止)とレジューム(再開)が可能。 ループ回数を指定可能。無限ループも可能。 ループ回数を1にすれば、setTimeout(), 無限にすればsetInterval()互換の動作。 delay時間をプログラマブルに変更可能。 アニメーションGIFのような処理がとても簡単。 メモリコンパクションで使い古しのリソースをスッキリ削れる。 使いどころ: もっさりなサイト(エフェクトを多用しているサイト)なら導入するだけで効果がある
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web開発者の皆様へ - Firefox5周りでの変更点について
