hinata.inThis domain may be for sale!
querySelectorAll vs getElementsByTagName · jsPerf
JavaScript performance comparison Test case created by Andrew Hedges on 2010-9-22 Preparation code <div> <ul> <li><a href="#">item 1</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> </ul> </div> Preparation code output <div> <ul> <li><a href="#">item 1</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> </ul> </div> Test runner Warning! For accurate res
Events in JavaScript
The following table contains the complete list of events, their browser support and the associated event objects. If you need the event objects in a hierarchical form, see the page for the Event interface. Bubbles Cancelable Event object Name that can be used for the addEventListener, removeEventListener and event initialization (initEvent, ...) methods. Name that can be used for event attributes
最速インターフェース研究会
http://blog.livedoor.jp/dankogai/archives/50957890.html まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。影響が大きすぎるので、よっぽど変態的なライブラリじゃないと使わない。他のライブラリと組み合わせるとほぼ確実に問題が起きる。それから、deep_cloneが欲しい場合はJSONを作ってevalすればよい。パフォーマンスを気にする場合とか、浅いコピーが必要な場合はそれなりに工夫する必要があるけど。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 http://subtech.g.hatena.ne.jp/cho45/
ネットワークリクエストを JavaScript で作成 - ウェブ開発の学習 | MDN
非同期ネットワークリクエストは、ウェブ上で最も一般的な非同期 JavaScript の用途であること。 ネットワークから取得される一般的なリソースの型: JSON、メディア資産、RESTful API からのデータ。 非同期ネットワークリクエストの実装に fetch() を使用する方法。 ウェブページは、 HTML ページと、（通常は）スタイルシート、スクリプト、画像など、その他のさまざまなファイルから構成されています。ウェブでのページ読み込みの基本モデルは、ブラウザーがページを表示するために必要なファイルをサーバーに 1 回以上の HTTP リクエストを行い、サーバーが要求されたファイルで応答することです。別のページにアクセスすると、ブラウザーは新しいファイルを要求し、サーバーはそのファイルを応答します。 このモデルは、多くのサイトにとって完璧に動作するものです。しかし、データ駆動型のウ
Firebug
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Twitter、JavaScriptを同社のコアテクノロジに採用。UIとともにアーキテクチャにも変化が
Twitter、JavaScriptを同社のコアテクノロジに採用。UIとともにアーキテクチャにも変化が 新しいユーザーインターフェイスが徐々に浸透しているTwitter。変わっているのはユーザーインターフェイスだけではなく、内部のアーキテクチャにも変更が加わったそうです。 JavaScriptが同社のコアテクノロジとして正式に採用され、リッチクライアント化に向けたアーキテクチャへとシフトしたことが、同社のTwitter Engineeringブログにポストされたエントリ「The Tech Behind the New Twitter.com」で説明されています。 新ユーザーインターフェイスはクライアントAPI経由に アーキテクチャの最大の変化の1つは、新しいTwitter.comのユーザーインターフェイスがTwitter自身のAPIを用いて構築されたこと。 One of the most
Cloud9: Node.js-powered IDE in the Sky - The Changelog - Open Source moves fast. Keep up.
Episodes Archives The Changelog - Open Source moves fast. Keep up. Latest episode Episode 0.3.6 - Django Dash Kenneth and Wynn caught up with Daniel, Christian, and Matt from Pragmatic Badger to talk about the Django Dash, Python, and Ruby. Go to episode The Changelog is a weekly podcast and blog that covers what's fresh and new in Open Source. September 25, 2010 View 8 The Ajax.org Team has fina
Node.js 用の非同期処理を簡単にしてくれるライブラリ async.js - 2010-09-26 - 日記
Node.js といえば非同期処理です．そして非同期処理と言えばコールバック． そんなわけで (どんなわけで？)，すぐにこんなコードになったりしがちですよね． http://stackoverflow.com/questions/3538156/file-i-o-in-every-programming-language/3538377#3538377 fs.writeFile(path, "hello", function (error) { fs.open(path, "a", 0666, function (error, file) { fs.write(file, "\nworld", null, "utf-8", function () { fs.close(file, function (error) { fs.readFile(path, "utf-8", function
DocumentFragmentを使ってAutoPageLoaderを高速化 - 素人がプログラミングを勉強していたブログ
AutoPageLoaderのコードを大幅に変えた。 $Xを使った。 ページの継ぎ足しにDocumentFragmentを経由するようにした 他のスクリプトがページの構造を変えたときに、正常にpageElementを取得できなかったバグを修正した DocumentFragmentについては、http://purl.org/jintrick/Personal/documentFragment.htmlの記事を参考にした。 DocumentFragmentはE4Xの<>のようなもので、appendChildするだけでいっぺんに複数のノードを貼り付けることが出来る。直接appendChildを繰り返すよりも軽くなる。 たとえば、全てのリンクをテキストにする場合。 普通にやると、 var links = document.body.getElementsByTagName('a'); while(
Firefox拡張機能(extension)の作り方 — ありえるえりあ
Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日本語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptとCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます
DOMNodeInserted と DOMNodeRemoved に似た仕組みを IE でも使えるようにして、セレクタの実行結果をキャッシュする - latest log
セレクタ(id, tag, class, css, xpath)の実行速度を改善するには、2つの方法があります。 ロジックを改善する キャッシュを使う 今日は2の方法について検討したことを書き残します。 心配事 キャッシュを使う上での心配事は「キャッシュが古くなったらどうするか、それをどうやって知るか?」です。 古くなったキャッシュはクリアしなければなりません。 DOM Level2 MutationEvents を使うと、ノードの挿入, 削除と、属性の更新 を取得できる DOM Level2 MutationEvents という仕様があります。これらを活用するとDOMツリーが更新されたタイミングを監視できます。 DOMNodeInserted は ノードの挿入, DOMNodeRemoved は ノードの削除, DOMAttrModified は 属性の変更に対応しています。 各ブラウザ
いろいろ解析日記
View @{ ViewBag.Title = "Test"; } <h2>Test</h2> <script> $(document).ready(function () { $('#table').DataTable({ "serverSide": true, "searching": false, "info": false, "lengthChange": false, "ajax": "/Test/Xhr", "columns": [ { "data" : "message" } ] }); $('#table').on('draw.dt', function (e, settings) { $('#list').children().remove(); for (var index in settings.json.data) { var data = settings.jso
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
JavaScript関係のツールまとめてみた | Web scratch
最近使ってたりする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
サーバサイドJavaScriptの「node.js」を試してみました
こんにちは、「○○を試してみました」系のネタが大好きな中川です。 今回は、PHPからちょっと離れてサーバサイドJavaScriptを触ってみました。 世間では、少し前に話題になった？「node.js」を試してみます。 JavaScriptというと、クライアントのブラウザで動作して利用するのが通常ですが、node.jsはサーバサイドで利用することになります。JavaScriptエンジンにはGoogleChromeでおなじみの「V8」エンジンが使われているとのこと。 さて、早速公式サイト( http://nodejs.org/ )を頼りに進めてみます。 今回の環境は、CentOS5.3を利用しています。 まずは、「node.js」の本体のダウンロードからです。 サイドメニューの「Download」から現時点での最新版の「2010.02.22 node-v0.1.30.tar.gz」を利用します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Userscripts.org: Power-ups for your browser
event.preventDefault() と event.stopPropagation() の違い - @kyanny's blog
Site Under Maintenance
