移転しました http://please-sleep.cou929.nu/20110310.html
まずはtypeof演算子について。JavaScript Gardenというウェブページがありまして。こういう一文がありまして。 The typeof operator (together with instanceof) is probably the biggest design flaw of JavaScript, as it is near of being completely broken. http://bonsaiden.github.com/JavaScript-Garden/#typeof 訳)http://efcl.info/adiary/Javascript/JavaScriptGarden#k95p17 要するにtypeof演算子は「ヒャッハーtypeof演算子ぶっ壊れてるぜー」ってことらしい。理由が下記の表。 [表1] Value Class Type - "f
09-06-17 2009/06/17(水)のメンテナンス作業は終了いたしました。ご迷惑をお掛けしました。 09-06-12 急で申し訳ございませんが、2009/06/17(水)は メンテナンス作業のため、一時的にアクセスが 出来ない状態となります。予めご了承下さい。
スライド1: 2 分でわかる uupaa.js~ Speedy ~uupaa.js@gmail.com スライド2: 今日のテーマは「サクサク」 スライド3: サクサクにするには1. 名前解決コストを減らす2. ガベージレス3. Hash で評価4. Hash の事前生成5. イベントハンドラの軽量化 スライド4: 1. 名前解決コストを減らす• スコープ内に alias を作成し、そちらを参照する– STYLE B は JIT 非搭載ブラウザで特に効果的例: IE6で 6%, IE7,IE8で 9%, Firefox3で 12%, Opera10で 3% 高速化例: 関数の alias を用意すると IE6で 2.7倍 高速化// 元のコード (STYLE A)var _regexp = /regexp/;(function() {(function job() {for () {
あけましておめでとうございます。 今年もバンバンやっていきまっせ! というわけで、本年一発目はhashchangeイベントについて。 hashchageイベントとは、URLに#~とつく例のあれが変更された時に発生するイベント。 kinect.jp - Kinect for Xbox 360などでも使われてますね。 hashchange対応ブラウザへの実装 IE8、FF3.6以上、Chrome8、Safari5、Opera10、など主流ブラウザの最新版なら対応している。 サンプルデモ 注意点。 a要素を使ってハッシュを付加する場合、 preventDefaultやreturn falseなどをすると、ハッシュが付かなくなる。 また、jQuery1.4.4現在、hashchange()メソッドは未サポートなので、 使用する際はbind()メソッドを使ってwindowのhashchang
JavaScriptのライブラリを使わずに開発しているときに、ブラウザの判定をするのって意外と悩むので、調べた結果をまとめておきます。Prototype.js、JQuery、MooTools、Dojo について調べました。 ●Prototype.js の場合 Browser: { IE: !!(window.attachEvent && !window.opera), Opera: !!window.opera, WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, Gecko: navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1, MobileSafari: !!navigator.userAgent.m
今更 IE8 の話なんて遅れてる感満載な訳ですが、IE8 からは onhashchange イベントと言う location.hash の値が書き変わったら発火するイベントが出来ました。onhashchange イベントについては下記参照。*1 winow.onhashchange - Thousand Years hashchange - Event reference | MDN で、これなんですが location.hash にアプリケーションの状態を保持したいなんて言う、"えいじゃっくす" 的なコンテンツの場合、かなり使えるじゃないすかと。*2 クロスブラウザで行けるかもなーと思って試しに書いてみました。まだ作りかけ。 ソースコードと解説 (function() { var createEvent = function() { var evt; if (document.creat
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
2007-12-05 カテゴリ: Client Side タグ: JavaScript JavaScriptのイベント処理は面倒くさい。 ブラウザごとにaddEventListenerとattachEventを使い分けたり、eventオブジェクトを引数として受け取るかwindow.eventとして受け取るかを考えたり、thisの扱いについて考えたりしなくてはいけないからだ。 ということで、すごく苦手意識を持っていたのだが、↓の関数を書いておくだけでほとんどのケースには対応できるってことに気づいた。 function observe(target, type, listener) { if (target.addEventListener) target.addEventListener(type, listener, false); else target.attachEvent('on'
最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill
マイクロソフトのドキュメントに書いてあったので、 実際にやってみた。 どうも、ローカル変数にグローバルオブジェクトへの参照を キャッシングすると速くなるようだ。 http://www.microsoft.com/japan/msdn/columns/dude/dude100499.aspx たとえば、window オブジェクトを使用するときは、 以下のようにすれば速くなるっぽい。 var w = window; // 以後、w を使用する。 グローバルオブジェクトへの直接アクセス 通常の使い方。 4464 ms window.global = 0; (function(){ console.time("test"); for(var i=0; i<1000000; i++){ window.global++; } console.timeEnd("test"); console.log(
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback RegExp オブジェクトは、テキストをパターンと照合するために使用します。 正規表現の入門記事は、 JavaScript ガイドの正規表現をお読みください。正規表現の構文の詳細情報については、正規表現リファレンスを参照してください。
RegExp は 正規表現(Regular Expression)の略。以下、参考サイト。 正規表現(RegExp)RegExp - MDC Doc CenterRegExp オブジェクトの中身は?RegExp オブジェクトのプロパティには 直前の マッチングに関する情報が入る。じゃあ何が入っているのか? //とりあえずなにもせずに調べてみる function dump( obj ){ var str = ''; for(var k in obj){ str += k + "("+typeof(obj[k]) + ") | " + obj[k] + "\n"; } document.write( str ); } dump( RegExp ); input(string) | message.Reload to activate window console multiline(boole
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く